Jak nastavit velikost ikony tlačítkaElementor ? V tomto tutoriálu vám ukážeme, jak toho dosáhnout pomocí vlastních CSS
Každý by měl být šťastný, pokud má volnost/flexibilitu něco vytvářet, protože větší flexibilita znamená vyšší produktivitu. Když už mluvíme o flexibilitě, v tomto článku vám ukážeme, jak nastavit vlastní velikost na ikoně tlačítka. Elementor.
Discover Jak nainstalovat Elementor na WordPress
Ve výchozím nastavení je widget tlačítka Elementor lze přizpůsobit velikost ikony. Tato volba je však omezena na pět pevných velikostí možností (extra-malé, malé, střední, velké a extra velké). Nejen, že se omezuje na pět vybraných možností, ale nastavení není individuální. To znamená, že když chcete nastavit velikost, ovlivní to dva prvky tlačítka (ikona a text).
Možná se ptáte: „Je možné nastavit vlastní velikost ikony tlačítka Elementor? “. S Elementorem je možné všechno. Bez pomoci doplňků to snadno zvládnete.
Jak nastavit vlastní velikost ikony tlačítka Elementor
Před zahájením tohoto výukového programu vám chceme oznámit, že tento výukový program bude pracovat s vlastními CSS Elementor. Vlastní funkce CSS je k dispozici pouze na Elementor Pro.
No, pojďme začít!
Přejděte do svého editoru Elementor. Začneme vše od začátku, takže vytvořte sekci pouze s jedním sloupcem. Dále vyberte widget tlačítka z panelu widgetů a poté jej přetáhněte do oblasti úprav.
Čtěte také: Elementor: Jak vytvářet vlastní tvary
Po přidání widgetu tlačítka můžete widget upravit a upravit podle svých preferencí. Například přidání ikony, barvy pozadí textu atd….
Jak můžete vidět z obrázku výše, velikost ikon a textu je stejná. Pokud chcete změnit velikost ikony pouze nastavením na možnost Velikost v nastavení widgetu, ovlivní to také text.
Dobře, teď tento problém vyřešíme. V nastavení widgetu přejděte na kartu pokročilý -> Vlastní CSS.
Zkopírujte níže uvedený fragment CSS a vložte jej do pole Vlastní CSS.
selector .elementor-button-icon { font-size:100px; color: inherit;
}
selector .elementor-button-text {margin:auto;}
Velikost ikony můžete přizpůsobit změnou hodnoty úryvku CSS (viz obrázek níže).
Tam!. Nezapomeňte uložit popř publikovat svůj projekt, pokud si přejete.
Získejte Elementor Pro nyní!!!
Proč investovat do čističky vzduchu?
Tento článek ukazuje, jak nastavit vlastní velikost ikony tlačítka Elementor pomocí vlastního CSS. Pokud však chcete snadnější způsob přizpůsobení velikosti ikony tlačítka, protože neradi pracujete s kódy, doporučujeme použít Doplněk Elementor.
Doplněk Elementor, který vřele doporučujeme, je JetElements od Crocoblock. JetElements má více než 40 widgetů Elementor. Najdete zde widget tlačítka, který vám umožní přizpůsobit velikost ikony tlačítka.
S widgetem knoflík od JetElements je přizpůsobení velikosti ikony tlačítka velmi jednoduché a bezproblémové.
Tak ! To je vše pro tento článek, který vám ukáže, jak nastavit velikost ikony tlačítka Elementor. Pokud máte nějaké obavy, jak se tam dostat, dejte nám vědět commentaires.
Můžete však také konzultovat naše zdroje, pokud potřebujete více prvků k realizaci vašich projektů vytváření internetových stránek, nahlédněte do našeho průvodce na internetu Vytvoření blogu WordPress nebo ten, který je zapnutý Divi: nejlepší téma WordPress všech dob.
Mezitím sdílejte tento článek na různých sociálních sítích.
...
