Sfondo testo semi-trasparente con CSS

di
Anonimizzato30286
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

  • Re: Sfondo testo semi-trasparente con CSS

    P.S. ovviamente mi riferisco alle due bande colorate strette di colore più chiaro rispetto a quello principale sulla scritta...
  • Re: Sfondo testo semi-trasparente con CSS

    Analizzando la pagina con gli strumenti sviluppatore, si vede che è dato dal padding dell'elemento H1.
    Aggiungi alle regole

    padding: 0;
  • Re: Sfondo testo semi-trasparente con CSS

    Grazie mille, avevo già pensato di controllare il codice, ma adesso so cosa cercare.

    Spero un giorno di essere anche io in grado di aiutare qualcuno, anche se la vedo dura

    Emiliano
Devi accedere o registrarti per scrivere nel forum
3 risposte