Classe CSS dentro filtri esposti

3 contenuti / 0 new
Ultimo contenuto
Classe CSS dentro filtri esposti

Ciao ragazzi,

npn riesco a trovare la soluzione a un problema sui filtri esposti. Stò thematizzando e ho necessità di usare una classe all'interno di uno specifico filtro esposto del tipo:

<select class="custom-dropdown__select custom-dropdown__select--emerald">
        <option>The Shawshank Redemption</option>
        <option>The Godfather</option>
        <option>Pulp Fiction</option>
        <option>The Good, the Bad and the Ugly</option>
        <option>12 Angry Men</option>
    </select>

mi dite come procedere e dove mettere mano?

Grazie per la risposta,
P.

Drupal Version:

Ciao ragazzi, nessuna indicazione a riguardo?

Meggis (non verificato)
Ritratto di Anonimo

Agisci sul tema corrente:

<pre>
Add styling for reset filter:
/* Blue Button */
input#edit-preview,
input#edit-next,
input#preview-submit,
input#edit-reset,
input[type="submit"][id^="edit-return"] {
cursor: pointer;
border-radius: 0;
border: none;
padding: 6px 10px;
margin-bottom: 1em;
margin-right: 1em;/* LTR */
color: #fff;
text-align: center;
font-weight: normal;
font-size: 1.077em;
font-family: "Lucida Grande",Verdana,sans-serif;
background: #0074BD;
}
input#edit-preview:hover,
input#edit-next:hover,
input#edit-reset:hover,
input#preview-submit:hover,
input[type="submit"][id^="edit-return"]:hover {
background: #004c99;
border-radius: 0;
border: none;
color: #fff;
}
input#edit-preview:active,
input#edit-next:active,
input#edit-reset:active,
input#preview-submit:active,
input[type="submit"][id^="edit-return"]:active {
box-shadow: 0 2px 2px rgba(0,0,0,0.75) inset;
background: #333;
border-radius: 0;
border: none;
color: #fff;
}
Clear both for submit button syntax error
.views-exposed-widget .views-submit-button{
clear: both;
}
should be
.views-exposed-widget.views-submit-button{
clear: both;
}
Also i would sugest this code in mobile.css
.views-exposed-form .views-exposed-widget.views-submit-button,
.views-exposed-form .views-exposed-widget.views-reset-button {
width:auto;
}
</pre>

F12 in crome per modifiche in anteprima

https://www.drupal.org/files/issues/adminimal_theme-2386597-5.jpg