Cum să setați o dimensiune pentru pictograma butonuluiElementor ? În acest tutorial vă vom arăta cum să realizați acest lucru cu CSS personalizat
Toată lumea ar trebui să fie fericită dacă are libertatea/flexibilitatea de a crea ceva, deoarece mai multă flexibilitate înseamnă mai multă productivitate. Vorbind despre flexibilitate, în acest articol vă vom arăta cum să setați dimensiunea personalizată pe pictograma butonului. Elementor.
Descopera Cum se instalează Elementor pe WordPress
În mod implicit, widget-ul butonului Elementor poate personaliza dimensiunea pictogramei. Dar această alegere este limitată la cinci dimensiuni fixe de opțiuni (extra-mic, mic, mediu, mare și extra-mari). Nu se limitează doar la cinci opțiuni selectate, dar setarea nu este individuală. Aceasta înseamnă că atunci când doriți să setați dimensiunea, aceasta va afecta două elemente ale butonului (pictogramă și text).
Poate vă întrebați: „Este posibil să setați dimensiunea personalizată pentru pictograma butonului Elementor? ”. Ei bine, orice este posibil cu Elementor. Fără ajutorul suplimentelor, o poți face cu ușurință.
Cum să setați dimensiunea personalizată a pictogramei pentru butonul Elementor
Înainte de a începe acest tutorial, vrem să vă anunțăm că acest tutorial va funcționa cu CSS-ul personalizat Elementor. Funcționalitatea CSS personalizată este disponibilă numai pe Elementor Pro.
Ei bine, să începem!
Accesați editorul dvs. Elementor. Vom începe totul de la zero, așa că creați o secțiune cu o singură coloană. Apoi, vă rugăm să selectați widgetul butonului din panoul de widget-uri, apoi trageți și plasați-l în zona de editare.
Citiți și: Elementor: Cum se creează forme personalizate
După ce ați adăugat widget-ul buton, puteți edita și stiliza widget-ul în funcție de preferințele dvs. Cum ar fi adăugarea unei pictograme, a unei culori de fundal a textului etc.
După cum puteți vedea din imaginea de mai sus, pictograma și dimensiunile textului sunt aceleași. Când doriți să schimbați dimensiunea pictogramei doar setând-o pe opțiunea Dimensiune a setărilor widget-ului, aceasta va afecta și textul.
Ok, acum vom rezolva această problemă. În setările widgetului, navigați la fila avansat -> CSS personalizate.
Copiați fragmentul CSS de mai jos și apoi inserați-l în câmp CSS personalizate.
selector .elementor-button-icon { font-size:100px; color: inherit;
}
selector .elementor-button-text {margin:auto;}
Puteți personaliza dimensiunea pictogramei modificând valoarea fragmentului CSS (vezi imaginea de mai jos).
Acolo!. Nu uitați să salvați sau publica proiectul tău dacă vrei.
Obțineți Elementor Pro acum!!!
Concluzie
Acest articol vă arată cum să setați dimensiunea personalizată a pictogramei butonului Elementor folosind CSS personalizat. Dar, dacă doriți o modalitate mai ușoară de a personaliza dimensiunea pictogramei butonului, deoarece nu vă place să lucrați cu coduri, vă sugerăm să utilizați un Supliment elementor.
Suplimentul Elementor pe care îl recomandăm cu căldură este JetElements de Crocoblock. JetElements are peste 40 de widget-uri Elementor. Veți găsi un widget cu butonul care vă permite să personalizați dimensiunea pictogramei butonului.
Cu widgetul buton de la JetElements, personalizarea dimensiunii pictogramei butonului este foarte simplă și fără întreruperi.
Asa de ! Asta este pentru acest articol care vă arată cum să setați o dimensiune pentru pictograma butonului Elementor. Dacă aveți nelămuriri despre cum să ajungeți acolo, anunțați-ne în termen comentarii.
Cu toate acestea, puteți consulta și resursele noastre, dacă aveți nevoie de mai multe elemente pentru a vă derula proiectele de creare a site-urilor de internet, consultați ghidul nostru cu privire la Creare blog WordPress sau cea de pe Divi: cea mai bună temă WordPress din toate timpurile.
Dar între timp, împărtășește acest articol pe diferitele rețele de socializare.
...
