
Wielkość kafelka i ikony
Korzystając z The Divi Builder dodaj moduł Przyciski społecznościowe i wybierz te, które chcesz aby były widoczne. Następnie przejdź do zakładki Zaawansowane i dodaj dowolną Klasę CSS:
.cq-social-follow.et_pb_social_media_follow li a.icon::before { font-size: 30px; top: 9px; left: 9px; } .cq-social-follow.et_pb_social_media_follow li a.icon { width: 50px; height: 50px; }
font size – odpowiada ze wielkość ikony
top i left – odpowiadają za odległość ikony do lewej krawędzi i od górne krawędzi. Najprościej mówić dodajesz im margines lewy i górny
width – to szerokość kafelka
height – to wysokość kafelka
Możesz wartości w tych pozycjach zmieniać tak jak chcesz, aby uzyskac zamierzony efekt. Operując wartoścami width oraz height możesz ustawić kafelki kwadratowe albo prostokątne. Poniżej pokażę Ci jak zmienić ustawienia aby kafelki, w których znajduje się ikona były okrągłe 🙂
Okrągły kafelek ikony
Powyżej powiększyliśmy ikony i ich kafelki. Wiesz już, że operując wartościami width i height możesz zamiast kwadratowego kafelka otrzymać prostokątny. Teraz pora na zaokrąglenie i zrobienie koła. W module Portale Społecznościowe przejdź na zakładkę Design i zeskroluj myszką do pozycji Obramowanie > Rounded Corners. Wpisz w dowolnym polu 30px i zapisz zmiany. Twoje ikony powinny wyglądać dokładnie tak:
NAJNOWSZE KOMENTARZE