Kako da pronađem CSS klasu elementa koji želim da stilizujem?

U WordPress-u, pronalaženje CSS klase elementa je jednostavan proces koristeći alate u web pregledaču, poput Inspect Element funkcije. Ovo je klasični pristup za stilizovanje elemenata u temama i dizajnu.

Koraci za pronalaženje CSS klase:

  1. Otvori svoj WordPress sajt u web pregledaču (preporučeno: Google Chrome, Firefox ili Edge).
  2. Pomeri miš na element koji želiš da stilizuješ (npr. dugme, naslov ili sliku).
  3. Desni klik na element i izaberi opciju Inspect ili Inspect Element (kratkoća: Ctrl + Shift + I za otvaranje Developer Tools).
  4. U otvorenom panelu Developer Tools, vidiš HTML strukturu stranice. Element je istaknut – potraži atribut class u HTML tagu (npr. <div class="moja-klasa">).
  5. Kopiraj naziv klase (npr. moja-klasa) i koristi ga u CSS-u za stilizovanje, poput .moja-klasa { color: red; }.

Dodatni saveti za WordPress:

  • Dodaj prilagođeni CSS u Appearance > Customize > Additional CSS u WordPress admin panelu.
  • Ako koristiš child temu, stilovi se neće izgubiti pri ažuriranjima.
  • Za brže učitavanje, optimizuj CSS – WP Host hosting sa LiteSpeed serverima i NVMe SSD-ovima pomaže u performansama sajta.

Ako trebaš premium teme ili pluginove poput Elementor Pro za lakše stilizovanje, WP Host nudi preko 350 besplatnih premium dodataka sa svakim WordPress hosting paketom.