Düğme simgesi için bir boyut nasıl ayarlanırElementor ? Bu eğitimde size özel CSS ile bunu nasıl başaracağınızı göstereceğiz.
Bir şey yaratma özgürlüğü/esnekliği varsa herkes mutlu olmalı çünkü daha fazla esneklik daha fazla üretkenlik demektir. Esneklikten bahsetmişken, bu yazıda size düğme simgesinde özel boyutun nasıl ayarlanacağını göstereceğiz. Elementor.
keşfedin WordPress'te Elementor nasıl kurulur
Varsayılan olarak düğme widget'ı Elementor simge boyutunu özelleştirebilir. Ancak bu seçim beş sabit seçenek boyutuyla sınırlıdır (ekstra küçük, küçük, orta, büyük ve ekstra büyük). Yalnızca seçilen beş seçenekle sınırlı değildir, aynı zamanda ayar bireysel değildir. Bu, boyutu ayarlamak istediğinizde düğmenin iki öğesini (simge ve metin) etkileyeceği anlamına gelir.
Belki de "Elementor düğme simgesi için özel boyut ayarlamak mümkün müdür?" diye merak ediyorsunuzdur. ”. Elementor ile her şey mümkün. Eklentilerin yardımı olmadan kolayca yapabilirsiniz.
Elementor Düğmesi Özel Simge Boyutu Nasıl Ayarlanır
Bu öğreticiye başlamadan önce, bu öğreticinin Elementor'un özel CSS'si ile çalışacağını size bildirmek istiyoruz. Özel CSS işlevi yalnızca şurada kullanılabilir: Elementor Pro.
Pekala, başlayalım!
Elementor düzenleyicinize gidin. Her şeye sıfırdan başlayacağız, bu yüzden sadece bir sütunlu bir bölüm oluşturun. Ardından, lütfen widget panelinden düğme widget'ını seçin ve ardından düzenleme alanına sürükleyip bırakın.
Ayrıca Oku: Elementor: Özel Şekiller Nasıl Oluşturulur
Düğme widget'ını ekledikten sonra, widget'ı tercihlerinize göre düzenleyebilir ve biçimlendirebilirsiniz. Simge ekleme, metin arka plan rengi vb. gibi.
Yukarıdaki resimden de görebileceğiniz gibi, simge ve metin boyutları aynıdır. Simgenin boyutunu yalnızca widget ayarlarının Boyut seçeneğinde ayarlayarak değiştirmek istediğinizde, metni de etkiler.
Tamam, şimdi bu sorunu çözeceğiz. Widget ayarlarında sekmeye gidin gelişmiş -> Özel CSS.
Aşağıdaki CSS snippet'ini kopyalayın ve ardından alana yapıştırın Özel CSS.
selector .elementor-button-icon { font-size:100px; color: inherit;
}
selector .elementor-button-text {margin:auto;}
CSS parçacığı değerini değiştirerek simge boyutunu özelleştirebilirsiniz (aşağıdaki resme bakın).
Orası!. Kaydetmeyi unutma veya yayınlamak Dilerseniz projeniz.
Şimdi Elementor Pro'yu Alın !!!
Sonuç
Bu makale, özel CSS kullanarak Elementor düğme simgesinin özel boyutunu nasıl ayarlayacağınızı gösterir. Ancak, kodlarla çalışmayı sevmediğiniz için düğme simgesi boyutunuzu özelleştirmenin daha kolay bir yolunu istiyorsanız, bir Elementor eklentisi.
Şiddetle önerdiğimiz Elementor eklentisi JetElements Crocoblock tarafından. JetElements, 40'tan fazla Elementor widget'ına sahiptir. Düğme simgesinin boyutunu özelleştirmenize olanak tanıyan bir düğme widget'ı bulacaksınız.
Widget ile Bouton JetElements'ten düğme simgesi boyutunu özelleştirmek çok basit ve sorunsuzdur.
Yani ! Elementor'un düğme simgesi için bir boyutun nasıl ayarlanacağını gösteren bu makale bu kadar. Oraya nasıl gideceğinizle ilgili herhangi bir endişeniz varsa, bize içinde bildirin. Yorumlar.
Ancak, ayrıca kaynaklarımızİnternet siteleri oluşturma projelerinizi yürütmek için daha fazla elemana ihtiyacınız varsa, WordPress blog oluşturma ya da Divi: Tüm zamanların en iyi WordPress teması.
Ama bu arada, bu yazıyı farklı sosyal ağlarda paylaş.
...
