Un utente ha chiesto informazioni su Chaplin di Wordpress

Problemi di colore dei pulsanti

Un utente ha chiesto 👇

1. Dopo aver impostato il pulsante Colore di sfondo e lo sfondo del pulsante in Customizer, non posso modificarlo nell’Editor blocco pagine a meno che il colore primario non sia l’impostazione predefinita.
2. Intestazione Modificare il colore del testo dopo aver impostato il colore dello sfondo del pulsante.
e altri problemi con questi colori …

(@luiscolome)

1 anno, 4 mesi fa

Ciao @moreimpress,

Devi capire che SEC funziona a cascata. Quindi l’ultimo stile letto prevale su quelli precedenti.
Dipende dalle classi che stai usando per cambiare i colori di sfondo, ma il colore personalizzato impostato nell’editor a blocchi dovrebbe prevalere su tutto.

Se fornisci un URL potrei dirti in modo più dettagliato.

Spero che questo ti abbia aiutato.

Buona giornata.

Lanciatore di thread

(@moreimpress)

1 anno, 4 mesi fa

Grazie, @luiscolome
Ecco la mia pagina:
https://moreimpress.com/en/seo-growth/

Ho impostato il colore di sfondo del pulsante nell’editor:

.has-border-background-color {
    background-color: #E1E1E3;
}

ma non ha la precedenza:

button, .button, .faux-button, .wp-block-button__link, .wp-block-file__button, input[type='button'], input[type='reset'], input[type='submit'] {
    background-color: #fc5f50;
}

Penso che sia un bug del tema.

Questa impostazione funziona correttamente solo quando imposto un colore personalizzato in un selettore di colori, senza una tavolozza di colori nelle proprietà del blocco pulsanti.

Questa risposta è stata modificata 1 anno, 4 mesi fa. Questa risposta è stata modificata 1 anno, 4 mesi fa.

(@luiscolome)

1 anno, 4 mesi fa

Hey @moreimpress,

No, non credo sia un bug. È solo una priorità della SEC.
Se stai usando il blocco dei pulsanti dell’editor dei blocchi, che vedo stai usando, dovresti usare il selettore “wp-block-button__link” per dargli un colore di sfondo.
Qualcosa di simile a:

.wp-block-button__link {
    background-color: #E1E1E3;
}

E sì, tema, sembra che ci siano già alcuni stili per l’editor a blocchi. Quindi devi sovrascriverli o modificarli.

Lanciatore di thread

(@moreimpress)

1 anno, 4 mesi fa

Grazie @luiscolome
Sì. Il tema di Chaplin imposta la propria tavolozza di colori per l’editor a blocchi. Questo codice, che si trova in un file function.php, è molto complicato per me. Pertanto, sto scrivendo questo post qui e spero che un autore risolva un tema di bug in un nuovo aggiornamento.

Autore del tema

(@anlino)

1 anno, 3 mesi fa

Ciao @moreimpress,

Il colore CSS personalizzato in Chaplin è certamente piuttosto complesso, ma c’è un limite a ciò che può essere semplificato e la funzionalità viene mantenuta lì ora. Se vuoi sovrascrivere il tema CSS con il tuo CSS, il modo più semplice è !important con il tuo CSS, in questo modo:


.has-border-background-color {
colore di sfondo: # E1E1E3! importante;
}

Ciò gli darà una priorità più alta rispetto al CSS Chaplin integrato.

– Anders

Was this helpful?

0 / 0

Lascia un commento 0

Your email address will not be published. Required fields are marked *