Podpora » Témy a šablóny » Custom style pre widget

  • Ahojte,

    potrebujem custom stylovat nadpis jedného widgetu. Konkrétne zväčšiť písmo nadpisu a podfarbenie a podobne.

    Formulár pre prihlásenie sa do odberu newsletter

    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″

    • Táto téma bola upravená pred 2 rokmi, 6 mesiacmi používateľom  yard. Dôvod: formátovanie kódu
    • Táto téma bola upravená pred 2 rokmi, 6 mesiacmi používateľom  yard. Dôvod: vloženie obrázku
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.