Podpora » Témy a šablóny » Custom style pre widget
Custom style pre widget
-
Ahojte,
potrebujem custom stylovat nadpis jedného widgetu. Konkrétne zväčšiť písmo nadpisu a podfarbenie a podobne.
Nechcem to riešiť cez plugin, ale najradšej custom css na báze selektoru id.
Skúšam rôzne varianty podľa tohto návodu ale akosi sa neviem dopracovať k uspokojivému výsledku – zväčšenie H3 a prípadne iné customizácie
Kód je nasledovný:
div id="wysija-2" class="widget widget_wysija"> <div class="widgetinner"> <h3 class="widgettitle" style="">Prihláste sa na odber newslettra</h3> <div class="widget_wysija_cont"> <div id="msg-form-wysija-2" class="wysija-msg ajax"></div> <form id="form-wysija-2" method="post" action="#wysija" class="widget_wysija"> <p class="wysija-paragraph"> <label>Email <span class="wysija-required">*</span></label> <input type="text" name="wysija[user][email]" class="wysija-input validate[required,custom[email]]" title="Email" value=""> <span class="abs-req"> <input type="text" name="wysija[user][abs][email]" class="wysija-input validated[abs][email]" value=""> </span></p> <input class="wysija-submit wysija-submit-field" type="submit" value="Prihláste sa k odberu!"> <input type="hidden" name="form_id" value="1"> <input type="hidden" name="action" value="save"> <input type="hidden" name="controller" value="subscribers"> <input type="hidden" value="1" name="wysija-page"> <input type="hidden" name="wysija[user_list][list_ids]" value="1"> </form> </div> </div> </div>
toto ide zväčšiť:
h3.widgettitle { font-size: 20px; }
ale to platí globálne pre celý web, ja by som to potreboval len pre id=“wysija-2″
Zobrazujú sa 2 odpovede - 1 až 2(z celkového počtu 2)
-
stačí pridať #wysija-2 na začiatok kódu a malo by to byť ok…
#wysija-2 h3.widgettitle { font-size: 20px; }
<h3 class="widgettitle" style="">Prihláste sa na odber newslettra</h3> <style> .widgettitle { font-size: 50px; color:#ff0000; } </style>
Ty to máš asi už spravené …kto by čakal. Ale predsa len, skús to tak ako som to hodil vyššie, tak to funguje, zavesiť to na class a potom to môžeš už modifikovať ako len chceš. (Bez H2) AHOJ
Zobrazujú sa 2 odpovede - 1 až 2(z celkového počtu 2)
- Téma ‘Custom style pre widget’ uzatvorená pre ďalšie odpovede.