Cambiare colore tramite CSS aggiuntivo

giusy.napoli

Cambiare colore tramite CSS aggiuntivo

Salve a tutti!
Su questa pagina ho un modulo per l'iscrizione Jetpack: https://tenacemente.com/iscriviti/

Vorrei sapere come cambiare il colore tramite Css aggiuntivo o HTML e trasformare gli spazi neri in blu #0675c4 e avere questo risultato: https://imgur.com/a/OxCpvp7

Grazie

giulio.marchesi

@giusy-napoli si tratta solo di una pagina specifica? Semplice, nella modifica di tale pagina, vedo ad esempio che la prima parte è definita in questo modo:

<span>ISCRIVITI ORA GRATIS E RESTA AGGIORNATO</span>

Quindi all'interno del tag, se è solo qui che vuoi fare la modifica, inserisci un codice CSS inline (anche senza dover creare un'apposita classe o ID) e il tag di apertura diventa:

<span style="background:#0675c4">

(oppure background-color al posto di background, uguale risultato).

Il secondo invece, ovvero il bottone "Sì voglio ricevere gli ultimi aggiornamenti", è probabile che sia richiamato anche altrove e vedo che è definito tramite classe, con nome "wp-block-button__link", in questo caso se è presente su più pagine occorre inserire l'istruzione CSS da qualche parte, che venga caricata ovunque (nelle pagine interessate), se appunto è presente in più pagine. Se trovi il file che contiene il codice CSS per quel bottone bene, semplicemente con il colore di sfondo che vuoi tu, lo modifichi come segue:

.wp-block-button__link{
background:#0675c4;
}

Se non riesci a trovarlo, anche se non è proprio fra le "best-practices", in un foglio CSS del tema (o tema child, se non hai un tema child devi ricordarti che all'aggiornamento del tema perderesti le personalizzazioni quindi in tal caso copia-incolla del tuo codice che hai personalizzato), segui quest'altra procedura:

.wp-block-button__link{
background:#0675c4 !important;
}

In questo modo va a sovrascrivere (ed evita che sia sovrascritto) il colore di background presente di default.

giusy.napoli

@giulio-marchesi ha detto in Cambiare colore tramite CSS aggiuntivo:

<span style="background:#0675c4">

Ciao ti ringrazio, ma non sono riuscita a cambiare colore. Grazie ugualmente