Support Forums

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

Your Time: Our Time:

css dropshadow to be removed on selected images.

Featured Lock Resolved Issue
hi, i need to get rid of dropshadow from this page which is on all images...without removing it from all of these images

I have tried to add a CSS selector on each image for the first page so i can declare dropshadow gets ignored.

3 Answers

Maurice Molenaar

More than a month ago #Permalink

I see your template uses this css code that's responsible for the box-shadow:

.sppb-addon-single-image-container {
box-shadow: 5px 5px #727171;

Have you tried to add an extra css-class to your custom.css file (let's name it .sppb-addon-single-image-container-no-shadow) and then to add the class to the images that you want to have no box-shadow?



More than a month ago #Permalink
Hi Maurice

I did do that and it just plain didnt work....for now i have removed it completely. I think the way round is to take the text out of the bottom of the image and use TEXT ADDON instead. then i can add dropshadow from the IMAGE Addon option instead. ( with the title under the image, the options dropshadow sits under the tex too)

Maurice Molenaar

More than a month ago #Permalink
That would also work, I guess.

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

Leaderboard (30 days)



Total Accepted Answers: 137
Paul Frankowski

Paul Frankowski

Total Accepted Answers: 123


Total Accepted Answers: 64


Total Accepted Answers: 5
Peter Atkin

Peter Atkin

Total Accepted Answers: 2




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. is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us