Liebes Enfold-Team,
ich möchte gerne die Transparenz des dunklen Hintergrunds verändern, der die Beschriftung der Slideshow umgibt.
Im Entwickler-Tool sieht der Code bei mir so aus:
.caption_framed .slideshow_caption .avia-caption-content p, .caption_framed .slideshow_caption .avia-caption-title, .avia-caption .avia-caption-content p, .avia-caption .avia-caption-title {
background: #000;
filter: alpha(opacity = 80);
background: rgba(0,0,0,0.2);
display: inline-block;
margin: 0 0 1px 0;
padding: 10px 15px;
}
Verändert habe ich
background: rgba(0,0,0,0.2);
wobei der Wert rgba (0,0,0,0.5) war und ich ihn auf rgba (0,0,0,0.2) abgeändert habe
Dann war der Hintergrundrahmen angenehm hell.
Wie kann ich das im Theme Enfold umsetzen?
Könnt ihr den CSS-Code so stricken, dass die Einstellung für alle Slideshow (volle Breite)-Beschriftungen Anwendung finden kann, egal auf welcher Seite dich die Slideshow befindet?
Vielen Dank für euren klasse Support!
Hey meyerhuber-wondratschek-archiv,
Ich verstehe die Frage glaube ich nicht richtig, aber Du kannst natürlich den abgeänderten CSS Code in das Quick CSS Feld oder in die Child theme style.css übernehmen. Anschließend sollte er auf alle Slideshows angewandt werden. Falls nicht, probiere einmal einen oder mehrere ID- Selektoren hinzuzufügen, zB wie:
#top #wrap_all .caption_framed .slideshow_caption .avia-caption-content p, #top #wrap_all .caption_framed .slideshow_caption .avia-caption-title, #top #wrap_all .avia-caption .avia-caption-content p, #top #wrap_all .avia-caption .avia-caption-title {
filter: alpha(opacity = 20);
background: rgba(0,0,0,0.2);
}
LG,
Dude