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:

Addon: Image Overlay

Featured Lock Resolved Issue

I want to do the following: when you move the cursor over the picture the content was displayed in the height of the block 150%.

I wrote this code CSS for the addon

#sppb-addon-1561800597508 :hover {
height: 150% !important;}

and got this effect: http://terrasvs14.temp.swtest.ru/esva-history/glavnaya-2/glavnaya-4

how to fix?

3 Answers

Paul Frankowski - Staff

More than a month ago #Permalink
sorry but do not teach or give CSS lessons here.
We are not Lynda.com, w3schools.com, nor codecademy.com. I hope you understand why.
Use "Code Inspector" from your browser to emulate changes.


More than a month ago #Permalink
It is necessary to set the size of the container, and then the size of the div containing the image. Percentages are not relevant here.

#sppb-addon-1561800597508 .sppb-addon-overlay-image-content:hover {
height: 500px;


More than a month ago #Permalink
friends, thanks!
Paul, even Your harsh remarks give the right direction.

Pavel, thank you very much

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