Supporto » Aspetto = Temi » Blocco Cerca Backgroud color

  • bobcia1965

    (@bobcia1965)


    Salve a tutti,

    volevo sapere se è possibile cambiare colori di sfondo e testo in un blocco “Cerca” però nella parte dove si scrive il testo da cercare.

    Il mio tema è twenty twenty-three e mi consente di cambiarlo soltanto per il tasto cerca.

    Grazie

    Roberto

Stai visualizzando 5 risposte - dal 1 al 5 (di 5 totali)
  • luca21

    (@luca21)

    Ciao @bobcia1965 ,

    è un bel problema.

    Twenty twenty-three è dotato del codice più avanzato in tema di blocchi Gutemberg ma è privo di un editor css. Almeno, non riesco a trovarlo.

    In pratica bisognarebbe inserire una regola Css tipo questa:

    input[type=search]{ background-color: qualcosa; }

    Non ho ancora trovato dove inserirla facilmente.

    Se dovessi proprio, farei un mini-plugin e sfrutterei l’hook wp_head() ma mi sa che è meglio cambiare tema.

    Saluto .

    Chi ha creato la discussione bobcia1965

    (@bobcia1965)

    Ciao luca21 … e grazie della risposta …

    Ma se riuscissi in qualche modo ad aggiungere del codice CSS … come potrei specificare che quel blocco deve avere il backcolor nero ? Credo che a quel blocco si possano associare caratteristiche relative soltanto al tasto “Cerca” … (quello con la lente di ingrandimento per intenderci) e non alla parte dove inserire il testo da cercare.

    Però io non sono molto pratico di CSS quindi …

    Roberto

    luca21

    (@luca21)

    Ciao @bobcia1965 ,

    ho riguardato con più calma il tema. In effetti l’editor css non serve perchè c’è un modo di inserire direttamente il css nella head con un blocco Gutemberg. La versione di twenty  twenty-three che ho io è in inglese, quindi dalla dashboard:

    Apparence > Editor > Template Parts > Header.

    Qui si seleziona inserisci un blocco HTML personalizzato.

    Dentro ci scriviamo questo:

    <style id="bobcia">
    input[type=search]{ color:white; background-color: gray; }<br />
    </style>

    Salviamo e abbiamo finito. Le caselle Search aquesto punto hanno sfondo grigio e testo che viene scritto bianco.

    Ho provato. Funziona.

    Un saluto.

    luca21

    (@luca21)

    Veramente non lo inserisce proprio nella head ma nel body della pagina.

    Funziona ma qualche “purista” potrebbe storcere il naso.

    Chi ha creato la discussione bobcia1965

    (@bobcia1965)

    Funziona perfettamente … Grazie …

    Io avevo trovato il modo di inserire classi CSS aggiuntive al tema ed associarle ai blocchi in avanzate … ed anche la possibilità di caricare codice CSS direttamente al blocco Cerca del tema … Nella versione 6.2 hanno cambiato un pò le cose ma è fattibile … Il problema è che non sono riuscito in nessun modo a capire la sintassi da usare per cambiare la parte “search” perchè non so come inserire un codice html come lo hai scritto tu il stile CSS ed associarlo al blocco … ma forse non è fattibile con CSS …

    Comunque così va più che bene … Ancora un grazie mille …

    Saluti

    Roberto

Stai visualizzando 5 risposte - dal 1 al 5 (di 5 totali)
  • Il topic ‘Blocco Cerca Backgroud color’ è chiuso a nuove risposte.