Archived topic
Wireframe overlapping images
6 replies · Started by Adrien on April 19, 2022
Dear GP Team,
I'm using the same dotted Wireframe as GP website. You can see it on my homepage (link enclosed) and the dots are overlapping all my images.
I know i can set the Zindex higher but i would like to avoid doing it one by one for each image.
Would you have a way with css to do it for all images?
Thank you for your assistance.
A
You would need to add a custom class to all Container Blocks holding an Image Block. For instance, add class, put-container-top.
Example: https://share.getcloudapp.com/6quZwn5l
Then, add this CSS in Appearance > Customize > Additional CSS:
.gb-container.put-container-top {
position: relative;
z-index: 999;
}Hope this helps! :)
Dear Fernando, Thank you very much! Worked like a charm ;-)
Hello Fernando,
Sorry to re-open this ticket but I have a situation where the CSS does not work and the image is being overlapped by the dots.
I have enclosed the page URL. Here is a screenshot: https://aide.wpcrono.com/jkuv8LYQ
Appreciate your help.
A.
Hi there,
the block element hook you used to add the grid-background, edit that and change the priority to 0
David, you rock and roll! Thank you so much.
You're welcome
