Urgent! Image in Body overlapped by footer

Shapely
1

Hello
My image scaled double upon hover gets overlapped by my footer. How do I make it stay within the frame of the body/ Make the body expand so it contains the larger image?
Thank you!
Here’s an example: Fest der Rothaarigen Frauen – Grafik und Fotografie

2

Hello there,

I hope you are doing well today.

You can use the following CSS code to disable the zoom on the image by going to Appearance > Customize > Additional CSS and pasting it there.


/*Disable image zoom*/
.enlarge:hover {
    transform: none;
}

Best Regards,
Support

3

Hi
Thank you, but I could just remove the code to zoom the image if I didn’t want.

I don’t want to disable the zoom, I want to make sure the zoom stays within the body or that the body is big enough to encompass the zoomed image - I was not able to do this with padding, either.

Thank you in advance!

4

Hey there,
Hope you’re doing well today

Kindly add and save the following code to Appearance > Customize > Additional CSS:

.so-widget-sow-editor.so-widget-sow-editor-base:hover {
    padding-bottom: 400px!important;
}

.enlarge:hover {
    transform: scale(2,2)!important;
}

Best Regards,
Support

5

Thank you so much!! I’m very happy right now. :slight_smile:

6

Hello there,

I am glad the solution worked for you.
Please feel free to contact us again in the future regarding any other issues.

Best Regards,
Support