Kako da promenim izgled dugmadi u temi (boja, radius, hover)?

Promena izgleda dugmadi u WordPress temi pomoću CSS-a

U WordPress-u možete lako prilagoditi stil dugmadi (boja, border-radius, hover efekat) dodavanjem custom CSS koda. Ovo je klasičan pristup bez potrebe za dodatnim pluginovima. Pratite sledeće korake:

1. Identifikujte CSS selektor dugmadi:
   Otvorite sajt u browseru, desni klik na dugme → “Inspekcija elemenata” (Inspect Element). Pronađite CSS klasu ili ID (npr. .button, .btn ili a.button).
2. Dodajte custom CSS:
   U WordPress admin panelu idite na Izgled → Prilagođavanje → Dodatni CSS. Ovdje unesite kod.
3. Primer CSS koda za stil dugmadi:

   
   /* Osnovni stil dugmadi */
   .button, .btn {
       background-color: #007cba; /* Plava boja pozadine */
       color: #ffffff; /* Bela boja teksta */
       border-radius: 8px; /* Zaobljeni uglovi */
       padding: 12px 24px; /* Unutrašnji razmak */
       border: none;
       transition: all 0.3s ease; /* Glatki prelaz */
   }
   
   /* Hover efekat */
   .button:hover, .btn:hover {
       background-color: #005a87; /* Tamnija plava na hover */
       transform: translateY(-2px); /* Mali pomak nagore */
       box-shadow: 0 4px 8px rgba(0,0,0,0.2); /* Senka */
   }
       

   Prilagodite vrednosti po potrebi (npr. border-radius: 50px; za potpuno zaobljene uglove).

4. Sačuvajte i testirajte:
   Kliknite “Objavi” i osvežite sajt. Ako tema ima child theme, dodajte kod u style.css child teme za trajne izmene.

Napomena: Ako koristite premium teme ili pluginove iz WP Host biblioteke (preko 350 dostupnih, uključujući Elementor Pro ili Divi), oni često nude vizuelne editore za dugmad bez CSS-a. Za složenije izmene, hosting na WP Host-u osigurava brzinu zahvaljujući LiteSpeed serverima i NVMe SSD-u.