FROM CACHE - nl_header
Deze community is overgestapt naar peer-to-peer ondersteuning. Shopify Support zal deze community niet langer ondersteunen. We raden je aan om contact op te nemen met andere merchants en partners voor hulp en om je ervaringen te delen! Blijf alles melden dat in strijd is met onze Gedragscode of content die je verwijderd wilt hebben.

Re: Achtergrond tekst vlak banner Dawn transparant maken

Achtergrond tekst vlak banner Dawn transparant maken

Daphneahr
Bezoeker
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
Toerist
4 0 1

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