Kako da ubacim custom CSS u Elementor (po widgetu/stranici/globalno)?

Ubacivanje custom CSS-a u Elementor Pro

Elementor Pro omogućava dodavanje custom CSS-a za precizno stilizovanje elemenata na nivou widgeta, stranice ili globalno. WP Host svim svojim korisnicima daje preko 350 premium pluginova i tema, uključujući Elementor Pro. Evo koraka za svaku opciju:

1. Po widgetu

  1. Uđite u Elementor edit mod za stranicu.
  2. Selektujte željeni widget.
  3. Idite na tab Advanced > Custom CSS.
  4. Unesite CSS kod (selektori su automatski generisani, npr. selector { property: value; }).
  5. Ažurirajte stranicu.

2. Po stranici ili sekciji

  1. U edit modu, selektujte sekciju, kolonu ili ceo layout (kliknite ikonu za selekciju).
  2. Idite na Advanced > Custom CSS.
  3. Unesite CSS kod koristeći odgovarajuće selektore (npr. {{WRAPPER}} .moj-klasa { … }).
  4. Ažurirajte stranicu.

3. Globalno (za ceo sajt)

  1. Idite na Elementor > Settings > Advanced.
  2. Uključite opciju Enable Global Custom CSS (ako nije aktivna).
  3. Unesite CSS kod u polje Custom CSS.
  4. Alternativno, koristite Site Settings (ikona hamburger menija) > Site Settings > Custom CSS.
  5. Sačuvajte promene.

Napomena: Custom CSS radi samo sa Elementor Pro. Za dodatnu podršku, kontaktirajte našu 24/7 podršku specijalizovanu za WordPress.