Dołącz do zespołu ekspertów! Backend lub Frontend Developer?

Sprawdź najnowsze oferty pracy naszego partnera - 8lines.io!

W jaki sposób mogę zwiększyć tylko jeden button w nagłówku forum

Założony przez  Armands.

Witam.

Od niedawna jestem adminem na forum wspierającym osoby chore na raka. 
Wczoraj podczas testowania nowego banera z logo forum sprawdzałem, czy mogę zmniejszyć niewykorzystany obszar nad i pod banerem. 
W tym celu w ACP zmniejszyłem wartość padding z 30px na 10px. Efekt nie był satysfakcjonujący.

     

Kiedy później wróciłem do poprzedniej wartości zauważyłem, że button [Indeks terapii] z powiększonego zrównał się wielkością z sąsiednimi.
Tak to teraz wygląda.
  
   

Czy ktoś mógłby mi podpowiedzieć jak powiększyć ten element, aby był wyróżniony wielkością czcionki. Proszę o pomoc... w miarę możliwości łatwą do zastosowania dla amatora. Przy okazji proszę o wyrozumiałość, jeśli gdzieś mylę pojęcia.

Pozdrawiam
Armands
Nadaj mu inny font-size w css.
Rada na przyszłość: używaj edytora zaawansowanego. Zaszczędzi ci on kłopotów.
Kodowanie, edycja i tworzenie styli, for, stron, poszczególnych elementów - polecane szczególnie dla osób, które nie potrafią sobie poradzić z problemami.
Tylko jak znaleźć ten konkretny button w css?

Dopiero się uczę... głownie metodą prób i niestety błędów.

Pzdr
A.
Możesz użyć czegoś typu:

.top_links a:first-child { font-size: 34px; }

Dla pierwszego dziecka top_links (który jest tagiem a) nadaj font-size, który ma wartość 34px.
Kodowanie, edycja i tworzenie styli, for, stron, poszczególnych elementów - polecane szczególnie dla osób, które nie potrafią sobie poradzić z problemami.
Divir, niestety nie ogarniam tematu. Wybacz, ale musiałbyś bardziej łopatologicznie.

Może pomocna będzie kopia global.css


  global_css.txt (Rozmiar: 30,24 KB / Pobrań: 148)
Do szablonu header dodaj
class="menu"
do
<a href="http://rakprostatypomoc.pl/tabelka/" target="_blank">Indeks terapii</a>

a do global.css dodaj pod #logo ul.top_links

#logo ul.top_links a.menu {
    font-size: 34px;
}

i dostosuj jaką wielkość czcionki chcesz.
~Seeing is deceiving, dreaming is believing.


(07.10.2017, 13:08)Armands napisał(a): Divir, niestety nie ogarniam tematu. Wybacz, ale musiałbyś bardziej łopatologicznie.

Może pomocna będzie kopia global.css

[attachment=12739]
Dopiero zauwazyłem, że masz inną strukturę w pozostałych linkach.

Copy&Paste:

.top_links > a:first-child { font-size: 34px; }
Jest to ten sam kod co dałem wyżej, ale dodałem tutaj >. Oznacza on, że tylko pierwszy tag a, który znajduje się bezpośrednio w klasie top_links zostanie ostylowany.
Kodowanie, edycja i tworzenie styli, for, stron, poszczególnych elementów - polecane szczególnie dla osób, które nie potrafią sobie poradzić z problemami.
(07.10.2017, 13:34)NeeqRR napisał(a): Do szablonu header dodaj
class="menu"
do
<a href="http://rakprostatypomoc.pl/tabelka/" target="_blank">Indeks terapii</a>

a do global.css dodaj pod #logo ul.top_links

#logo ul.top_links a.menu {
font-size: 34px;
}

i dostosuj jaką wielkość czcionki chcesz.
.... a podaną przez ciebie drugą linijkę, to gdzie mam umieścić?
Ta druga linijka jest twoja obecną która masz w szablonie header i dodaj to class="menu" za target=_blank"
~Seeing is deceiving, dreaming is believing.


Dziękuję, po kilku próbach udało mi się zwiększyć button. Na razie zrobiłem to na forum testowym, ale sposób musi zadziałać na głównym.

   
Jeszcze raz dziękuje Wam za pomoc.

Pozdrawiam
Armands

Nie wiem czy mogę tak pisać, jak nie to przepraszam.
~Seeing is deceiving, dreaming is believing.





Użytkownicy przeglądający ten wątek:

2 gości