Support Forums

Support Offline : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

Slideshow overlay ordering

Featured Lock Resolved Issue
I am using this code for my slideshow

.sppb-slideshow-fullwidth-item-bg:after {
content: ""
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: rgba(28,49,74,0.4);
}

.sppb-slideshow-fullwidth-item .sppb-fullwidth-title:not(.sppb-slidehsow-sub-title),
.sppb-slideshow-fullwidth-item-text a {
color: #FFC001 !important;
}
.sppb-slideshow-fullwidth-item .sppb-slidehsow-sub-title,
.sppb-slideshow-fullwidth-item-text p {
color : #fff !important;
}

This puts an overlay over the slide which I want but it puts it over the text so it dims the text.

I have used this code before to make an overlay on a slideshow.
.sppb-slider-wrapper.sppb-slider-fullwidth-wrapper .sppb-slideshow-fullwidth-item-bg::before
{background: rgba(0,0,0,0.3);}

But that isn't working either. For some reason if I put before in the code, it takes the overlay away completely. Is there a way to fix this?

http://webtomixresearch.com/gordonfarms

2 Answers

Please login to view replies.

Leaderboard (30 days)

Sifat

Sifat

Total Accepted Answers: 134
Paul Frankowski

Paul Frankowski

Total Accepted Answers: 112
Toufiq

Toufiq

Total Accepted Answers: 58
JD

Josh Douglas

Total Accepted Answers: 3
W

woonydanny

Total Accepted Answers: 3

100+

Templates

200,000+

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us