Jak ustawić rozmiar ikony przyciskuElementor ? W tym samouczku pokażemy, jak to osiągnąć za pomocą niestandardowego CSS
Każdy powinien być szczęśliwy, jeśli ma swobodę/elastyczność tworzenia czegoś, ponieważ większa elastyczność oznacza większą produktywność. Mówiąc o elastyczności, w tym artykule pokażemy, jak ustawić niestandardowy rozmiar na ikonie przycisku. Elementor.
Odkrywaj Jak zainstalować Elementora na WordPressie
Domyślnie widget przycisku Elementor można dostosować rozmiar ikony. Ale ten wybór jest ograniczony do pięciu stałych rozmiarów opcji (bardzo mały, mały, średni, duży i bardzo duży). Nie ogranicza się tylko do pięciu wybranych opcji, ale ustawienie nie jest indywidualne. Oznacza to, że jeśli chcesz ustawić rozmiar, będzie to miało wpływ na dwa elementy przycisku (ikonę i tekst).
Może zastanawiasz się: „Czy można ustawić niestandardowy rozmiar ikony przycisku Elementor? ”. Cóż, z Elementorem wszystko jest możliwe. Bez pomocy dodatków możesz to zrobić łatwo.
Jak ustawić niestandardowy rozmiar ikony przycisku Elementor
Przed rozpoczęciem tego samouczka chcemy Cię poinformować, że ten samouczek będzie działał z niestandardowym CSS Elementora. Niestandardowa funkcjonalność CSS jest dostępna tylko na Elementor Pro.
Cóż, zaczynajmy!
Przejdź do edytora Elementora. Zaczniemy wszystko od zera, więc utwórz sekcję z tylko jedną kolumną. Następnie wybierz widżet przycisku z panelu widżetów, a następnie przeciągnij go i upuść w obszarze edycji.
Czytaj także: Elementor: Jak tworzyć niestandardowe kształty
Po dodaniu widżetu przycisku możesz edytować i stylizować widżet zgodnie ze swoimi preferencjami. Na przykład dodanie ikony, koloru tła tekstu itp.
Jak widać na powyższym obrazku, rozmiary ikon i tekstu są takie same. Jeśli chcesz zmienić rozmiar ikony tylko poprzez ustawienie jej w opcji Rozmiar w ustawieniach widżetu, wpłynie to również na tekst.
Ok, teraz rozwiążemy ten problem. W ustawieniach widżetu przejdź do zakładki zaawansowany -> Niestandardowy CSS.
Skopiuj poniższy fragment kodu CSS, a następnie wklej go w polu Niestandardowy CSS.
selector .elementor-button-icon { font-size:100px; color: inherit;
}
selector .elementor-button-text {margin:auto;}
Możesz dostosować rozmiar ikony, zmieniając wartość fragmentu kodu CSS (patrz obrazek poniżej).
Tam!. Nie zapomnij zapisać lub opublikować Twój projekt, jeśli chcesz.
Pobierz Elementor Pro teraz !!!
Wnioski
W tym artykule dowiesz się, jak ustawić niestandardowy rozmiar ikony przycisku Elementor za pomocą niestandardowego CSS. Jeśli jednak chcesz łatwiej dostosować rozmiar ikony przycisku, ponieważ nie lubisz pracować z kodami, sugerujemy użycie Dodatek do Elementora.
Dodatek do Elementora, który gorąco polecamy, to JetElements przez Crocoblock. JetElements ma ponad 40 widżetów Elementora. Znajdziesz widżet przycisku, który pozwala dostosować rozmiar ikony przycisku.
Z widżetem przycisk od JetElements, dostosowywanie rozmiaru ikony przycisku jest bardzo proste i bezproblemowe.
Więc ! To wszystko w tym artykule, który pokazuje, jak ustawić rozmiar ikony przycisku Elementora. Jeśli masz jakiekolwiek wątpliwości, jak się tam dostać, daj nam znać w ciągu commentaires.
Możesz jednak również skonsultować się nasze zasoby, jeśli potrzebujesz więcej elementów do realizacji projektów tworzenia stron internetowych, zapoznaj się z naszym przewodnikiem na stronie Tworzenie bloga WordPress lub ten na Divi: najlepszy motyw WordPress wszechczasów.
Ale w międzyczasie udostępnij ten artykuł w różnych sieciach społecznościowych.
...
