FROM CACHE - nl_header

Achtergrond tekst vlak banner Dawn transparant maken

Daphneahr
Nieuw lid
1 0 0

Hey!

 

Is er iemand die weet hoe je de achtergrond van het tekstvlak, wat verschijnt op je banner afbeelding wanneer je er tekst wilt hebben, transparant kan maken? Ik gebruik thema Dawn. 

Dit kan niet bij de kleuropties van het thema zelf, maar wanneer je kijkt naar de demo versie shop van het thema Dawn zie je wel dat het mogelijk is. Daar hebben zij namelijk ook geen tekst achtergrond over de banner afbeelding heen. 

Ik heb het al geprobeerd met onderstaande code: 

.banner .banner__box.color-accent-1 {
background: transparent !important;
}

 

En codes die daar op lijken, in de assets/base.css file, maar er gebeurt niks. 

 

Alvast bedankt!

1 ANTWOORD 1
Sisalla
Nieuw lid
1 0 0

Ik gebruikte onderin base.css deze code (Dawn v 2.5).

Door middel van het spelen met de waar de 0.7 kun je de mate van transparantie bepalen.

 

/* (homepage) blok deels transparant, maar button niet */
.banner__box.color-background-1 {
background-color: rgba(var(--color-background), 0.7)
}

 

Groetjes,
Jeanet Janssen
www.sisalla.nl