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:

Turn off greyscale filter / opacity

Featured Lock Resolved Issue
Hello,

I want to disable all kinds of greyscaling / opacity of the website.

1. How do I turn off the opacity / greyscale of pictures in slideshow and heading backgrounds?
2. How do I turn off the opacity / greyscale in general?

I tried to override for text in custom css but with no effect:

body {
-webkit-font-smoothing: none!important;
-moz-osx-font-smoothing: none!important;
}

I tried to find the effect for slideshow but can't find an reference where it is set?

Thank you.

3 Answers

Shibbir

More than a month ago #Permalink
Hi

Show me one example so that I can assist you. You can get the example from our site demo.

Thanks.

Marcus Sundberg

More than a month ago #Permalink
Hello,

For both slideshow and Helix Page Title Heading image you have applied an filter to darken the image (probably by opacity).

I need to know where to:
1. Remove the filter
2. Edit the filter to lighter value

http://demo.joomshaper.com/?template=floox (See Slideshow)
http://demo.joomshaper.com/2017/floox/index.php/en/pages/services (See Helix Page title heading image)

Thank you.

Shibbir

More than a month ago #Permalink
Hello there,

In custom.css file using this code for the slider shadow:


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


and for each of the page header use this code in custom.css file:


div.sp-page-title:before {
content: '';
opacity: 0;
background: #1C314A;
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}


Thanks.


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

123

Templates

327940

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