Jak modyfikowac kod Font Awesome?

Question

Witam! Chcialbym sie dowiedziec w jaki sposob mozna modyfikowac kod Font Awesome:http://fontawesome.io/.

Zalozmy,ze mam ikonke facebooka na czarnym tle,a chcialbym biale tlo to w ktorym pliku moge to zrobic skutecznie? Wien,ze jest ikonka bez tla,ale mi chodzi o przyklad jak takie cos robic?Sa ikonki tylko z czarnym tlem,wiec chcialbym je potrafic usuwac

Answer 1

To nie tło, a kolor. Jak wstawisz ikonę możesz dodać klasę w kodzie który ją przedstawia: 

<span class="fa fa-icon ikona"></span>

.fa-icon.ikona{
 color: #000000;
​}

Rzecz jasna wygodniej byłoby po prostu nadać kolor bezpośrednio ikonie, bez dodatkowej klasy. Należy jednak pamiętać, że warto wskazać o jaką ikonę chodzi (na przykład poprzez określenie w jakiej części strony zmiana koloru nas interesuje). 

Comments

ok dzieki wielkie

---

wyprobowalem twoja metoda ale neistety nie dziala

---

https://codepen.io/radek024/pen/ZJPpad

Zobacz na przykład który podałem. Jest prawie identyczny co ten, który podałem wyżej. Co tutaj może nie działać?

Answer 2

Ostatnio bez problemu modyfikowałem te ikony. Wejdź w ustawienia swojego profilu i zmień linkowanie na css, tak aby nie dołączać ich po js. Kiedy już masz je na stronie postępujesz dokładnie tak jak napisał @radek024. Odpowiedni selektor css i już.

Comments

<link rel="stylesheet" href="path/to/your.css">

---

cos takiego href="../css/style.css"?

---

Panie kliknij F12 i sprawdź w konsoli. Jest coś czerwonego? Wejdź w Resources i zobacz czy jest dołączony css.

---

nie rozumiem w ogole jakby mogl nie byc skoro wszystko na stronie normalnie dziala

---

W takim razie źle piszesz selektor css. Nie wiem w czym problem. Masz przecież inspektor stylów.