Support Forums

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!

Leaderboard (30 days)

Sifat

Sifat

Total Accepted Answers: 121
Paul Frankowski

Paul Frankowski

Total Accepted Answers: 112
Toufiq

Toufiq

Total Accepted Answers: 82
Kamruzzaman Alam

Kamruzzaman Alam

Total Accepted Answers: 5
FUTURECLIENT

FUTURECLIENT

Total Accepted Answers: 2

115

Templates

296350

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