Sfondo testo semi-trasparente con CSS

di il
3 risposte

Sfondo testo semi-trasparente con CSS

Salve a tutti, è la seconda volta che scrivo su questo forum, spero di rispettare tute le regole.

Sto facendo un sito wordpress, con uno dei temi gratuiti più diffusi: Shapely di Colorlib.

Il problema è questo: ho inserito il codice CSS che segue nell'apposito spazio...

body.home .top-parallax-section * {
background-color: rgba(100, 100, 255, 0.2);
color: rgba(255, 255, 255, 1);
text-align:center;
height:auto-flow;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
}

...ma continuo a vedere delle bande verticali ai lati della scritta che non so come eliminare (i "margin" li ho inseriti per eliminare delle bande colorate aggiuntive in basso e in alto, ma per quelle a destra e sinistra sembra non funzionare)

La cosa strana è che se vado sul sito con chrome da telefono tutto appare come dovrebbe, mentre con chrome e firefox da pc accade questo problema.

Per chi volesse vedere l'effetto: www.informaticaed.i (scritta in parallasse sulla testata, ma anche nel parallasse più in basso)

Possibile che sia un difetto del tema? Anche perché fare degli errori con solo 10 righe di codice non è da me (ma c'è sempre una prima volta)

Grazie in anticipo

Emiliano

3 Risposte

Devi accedere o registrarti per scrivere nel forum
3 risposte