Support Forums

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

Your Time: Our Time:

Slideshow modifications

Featured Lock Resolved Issue
I am attempting to modify the main slideshow on our new development site and having some issues. I am attaching an image of what I would like to do.
http://webtomixresearch.com/gordonfarms/
slideshow gordon farms.jpg

Attachments (1)

  • slideshow gordon farms.jpg
    slideshow gordon farms.jpg 1007.5 KB

10 Answers

Sifat - Staff

More than a month ago #Permalink
Hi,
Thanks for your query. Please use this css into your custom css and that should solve the issue.

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


Here is the custom css field https://prnt.sc/ijudw8

-Best Regards

Nicole Otto

More than a month ago #Permalink
The color works great, I need a bit of help with overlay on the whole slide.

Sifat - Staff

More than a month ago #Permalink
Would you please specify which overlay you are talking about? And which color you want to change?

Nicole Otto

More than a month ago #Permalink
It should be on the main slideshow instead of just behind the words over the whole slide. I would like a black with about a 35% transparency. I can modify it if I need to.

Sifat - Staff

More than a month ago #Permalink
Hi,
Thanks for your query. Sorry in slider there is no default feature like that. But you can use this css into your custom css to check if that works for you.


.sppb-slideshow-fullwidth-item-bg {
filter: grayscale(45%);
}


-Best Regards

Nicole Otto

More than a month ago #Permalink
That didn't seem to work. All it did was dim my Yellow text for the main slideshow.

I put it into the slideshow piece as well as tried it in the .css for the template and it only seemed to dull the font colors. I just want the image in the background to be shaded.

Sifat - Staff

More than a month ago #Permalink
Yes i know that. But i'm extremely sorry to say that there is no such feature on that addon.

Note: custom support is beyond our support range.

-Thanks

Nicole Otto

More than a month ago #Permalink
I was able to figure out the .css for doing the overlay but it overlays the text and dims it. Is there a way to bring the text to the front of the overlay so it is the bright white and gold?

http://webtomixresearch.com/gordonfarms

Sifat - Staff

More than a month ago #Permalink
I was able to figure out the .css for doing the overlay but it overlays the text and dims it. Is there a way to bring the text to the front of the overlay so it is the bright white and gold?

http://webtomixresearch.com/gordonfarms

Please check my reply from this post https://www.joomshaper.com/forums/slideshow-overlay-ordering#reply-187373

-Thanks


There are no replies made for this post yet.
However, you are not allowed to reply to this post.

Leaderboard (30 days)

Sifat

Sifat

Total Accepted Answers: 146
Paul Frankowski

Paul Frankowski

Total Accepted Answers: 119
Toufiq

Toufiq

Total Accepted Answers: 66
Pavel

Pavel

Total Accepted Answers: 5
Mohammed Ahmed

Mohammed Ahmed

Total Accepted Answers: 2

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