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

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

Problem z FontAwsome

Inne  Założony przez  loooney.

11.05.2017, 12:39 (Ten post był ostatnio modyfikowany: 11.05.2017, 12:39 przez loooney.)
#1
Problem polega na tym, że ikony zle sie wyswietlaja. Nie wyswietlaja sie na srodku tylko w gornej czesci. Jak to moge zmienic?

   
11.05.2017, 12:41
#2
Na forum masz inny styl niż na załączonym screenie.
Spróbuj użyć line-height.
11.05.2017, 12:53
#3
Konto testowe:

Login: test
Hasło: test1234


na tym koncie jest ten styl co na screenie
11.05.2017, 12:53 (Ten post był ostatnio modyfikowany: 11.05.2017, 12:53 przez Michał Wajrak.)
#4
W global.css w klasie .servers-button zamień

line-height: 35px !important;
z
line-height: 35px;
11.05.2017, 12:58
#5
Nie mam .servers-button w global.css
11.05.2017, 13:00
#6
(11.05.2017, 12:58)loooney napisał(a): Nie mam .servers-button w global.css

Mój błąd - prawidłowy arkusz to SkillShot.css.
11.05.2017, 13:02 (Ten post był ostatnio modyfikowany: 11.05.2017, 13:04 przez loooney.)
#7
w SkillShot.css wygląda to następująco:

.servers-button {
   font-size: 19px;
   width: 35px;
   height: 35px;
   line-height: 35px;
   border: 2px solid #1f1f1f;
   border-radius: 9px;
   transition: .5s;
}


A jak wchodzę w 'zbadaj element' to pokazuje się przekreślone, dlaczego?
11.05.2017, 13:12
#8
Bo jakaś inna klasa już narzuca dla tej line-height.

Jeżeli zmienisz ją na poniższy kod to będzie działać.
.servers-button {
   font-size: 19px;
   width: 35px;
   height: 35px;
   line-height: 35px !important;
   border: 2px solid #1f1f1f;
   border-radius: 9px;
   transition: .5s;
}
11.05.2017, 13:14 (Ten post był ostatnio modyfikowany: 11.05.2017, 13:20 przez myCreedo.)
#9
Dziękuję działa! :)
myCreedo napisał 11.05.2017, 13:20:
Pamiętaj aby oznaczać temat jako rozwiązany, wybierając najlepsze posty
Jak oznaczyć tematy jako rozwiązane?



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

1 gości