We’re with you. JoomShaper is offering a 20% Discount on all plans due to the impact of COVID-19.

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

Your Time: Our Time:

Overlay colour

Featured Lock Resolved Issue

How I can disabele overlay colour on main slider and leave it just clean transparent
ftom this:

to this:

Anyway on edge browser work without overlay by defoult like on img.

Best regards


6 Answers

Tomislav Galić

More than a month ago #Permalink
I try it but without success :(

In custom css file and template this:
.hero-section {
background-color: transparent;
background-blend-mode: normal; }

and this:

hero-section {
background-color: transparent;
background-blend-mode: normal; }

Paul Frankowski - Staff

More than a month ago #Permalink
In our demo that Row had a different class name, that's why.

The proper code should be

.sppb-slider-wrapper.sppb-slider-fullwidth-wrapper .sppb-slide-item-bg {
background-color: transparent;
background-blend-mode: normal;

I added in Page > Custom CSS

I updated the manual, as well.

Tomislav Galić

More than a month ago #Permalink
Tnx Paul

Have nice day!

Paul Frankowski - Staff

More than a month ago #Permalink
You're welcome.
Have a nice weekend, go away beyond the computer, take fresh air, enjoy nature. :D

There are no replies made for this post yet.
Be one of the first to reply to this post!




Community Users


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