Support Forums

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

Your Time: Our Time:

Addon: Image Overlay

Featured Lock Resolved Issue
Hello!

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
Hi,
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.

Pavel

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.sppb-addon-overlay-image.image-effect-slide-left:hover,
#sppb-addon-1561800597508 .sppb-addon-overlay-image-content:hover {
height: 500px;
}

WE-ESVA

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!

Leaderboard (30 days)

Sifat

Sifat

Total Accepted Answers: 119
Paul Frankowski

Paul Frankowski

Total Accepted Answers: 107
Toufiq

Toufiq

Total Accepted Answers: 91
Kamruzzaman Alam

Kamruzzaman Alam

Total Accepted Answers: 3
FUTURECLIENT

FUTURECLIENT

Total Accepted Answers: 2

115

Templates

295923

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