Si të vendosni një madhësi për ikonën e butonitElementor ? Në këtë tutorial ne do t'ju tregojmë se si ta arrini këtë me CSS të personalizuar
Të gjithë duhet të jenë të lumtur nëse kanë lirinë/fleksibilitetin për të krijuar diçka sepse më shumë fleksibilitet do të thotë më shumë produktivitet. Duke folur për fleksibilitetin, në këtë artikull do t'ju tregojmë se si të vendosni madhësinë e personalizuar në ikonën e butonit. Elementor.
Zbuloj Si të instaloni Elementor në WordPress
Si parazgjedhje, miniaplikacioni i butonit Elementor mund të personalizojë madhësinë e ikonës. Por kjo zgjedhje është e kufizuar në pesë madhësi opsionesh fikse (ekstra e vogël, e vogël, e mesme, e madhe dhe ekstra e madhe). Jo vetëm i kufizuar në pesë opsione të zgjedhura, por cilësimi nuk është individual. Kjo do të thotë që kur dëshironi të vendosni madhësinë, ajo do të ndikojë në dy elementë të butonit (ikona dhe teksti).
Ndoshta po pyesni veten: “A është e mundur të caktohet madhësia e personalizuar për ikonën e butonit Elementor? “. Epo, gjithçka është e mundur me Elementor. Pa ndihmën e shtesave, mund ta bëni lehtësisht.
Si të vendosni madhësinë e personalizuar të ikonës së butonit Elementor
Përpara fillimit të këtij tutoriali, duam t'ju bëjmë të ditur se ky tutorial do të funksionojë me CSS-në e personalizuar të Elementor. Funksionaliteti i personalizuar CSS është i disponueshëm vetëm në Elementor Pro.
Epo, le të fillojmë!
Shkoni te redaktori juaj Elementor. Ne do të fillojmë gjithçka nga e para, kështu që krijoni një seksion me vetëm një kolonë. Më pas, ju lutemi zgjidhni miniaplikacionin e butonit nga paneli i miniaplikacionit, më pas tërhiqeni dhe lëshojeni në zonën e redaktimit.
Lexo gjithashtu: Elementor: Si të krijoni forma të personalizuara
Pasi të keni shtuar miniaplikacionin e butonit, mund ta modifikoni dhe stiloni miniaplikacionin sipas preferencave tuaja. Të tilla si shtimi i një ikone, ngjyra e sfondit të tekstit, etj….
Siç mund ta shihni nga imazhi i mësipërm, madhësitë e ikonës dhe tekstit janë të njëjta. Kur dëshironi të ndryshoni madhësinë e ikonës vetëm duke e vendosur atë në opsionin Size të cilësimeve të miniaplikacionit, kjo do të ndikojë edhe në tekst.
Ok, tani do ta zgjidhim këtë problem. Në cilësimet e miniaplikacionit, lundroni te skeda i përparuar -> Custom CSS.
Kopjoni fragmentin CSS më poshtë dhe më pas ngjisni në fushë Custom CSS.
selector .elementor-button-icon { font-size:100px; color: inherit;
}
selector .elementor-button-text {margin:auto;}
Mund të personalizoni madhësinë e ikonës duke ndryshuar vlerën e fragmentit CSS (shih figurën më poshtë).
Aty!. Mos harroni të kurseni ose publikoj projektin tuaj nëse dëshironi.
Merr Elementor Pro tani!!!
Përfundim
Ky artikull ju tregon se si të vendosni madhësinë e personalizuar të ikonës së butonit Elementor duke përdorur CSS të personalizuar. Por, nëse doni një mënyrë më të lehtë për të personalizuar madhësinë e ikonës së butonave, sepse nuk ju pëlqen të punoni me kode, ju sugjerojmë të përdorni një Shtesë Elementor.
Shtesa Elementor që ne rekomandojmë shumë është JetElements nga Crocoblock. JetElements ka mbi 40 miniaplikacione të Elementor. Do të gjeni një miniaplikacion butoni që ju lejon të personalizoni madhësinë e ikonës së butonit.
Me widget buton nga JetElements, personalizimi i madhësisë së ikonës së butonit është shumë i thjeshtë dhe pa probleme.
Kështu që ! Kjo është ajo për këtë artikull që ju tregon se si të vendosni një madhësi për ikonën e butonit të Elementor. Nëse keni ndonjë shqetësim se si të arrini atje, na tregoni brenda komente.
Sidoqoftë, gjithashtu mund të këshilloheni burimet tona, nëse keni nevojë për më shumë elemente për të realizuar projektet tuaja të krijimit të faqeve në Internet, duke u konsultuar me udhëzuesin tonë për Krijimi i blogut të WordPress ose atë më Divi: tema më e mirë e WordPress të të gjitha kohërave.
Por në ndërkohë, ndajeni këtë artikull në rrjetet tuaja të ndryshme sociale.
...