Archived topic
Images on Home Page Not Displaying Properly
9 replies · Started by Daniel on February 4, 2023
I'm using the Info theme.
The images in the Top Container on my home page are not displaying properly — even though it looks correct in Edit Mode.
The images displayed are zoomed in.
In Edit Mode, these are the attributes:
Image Size: full
Selector: Pseudo Element
Size: Cover
Position: center
Repeat: no-repeat
Attachment: local
It looks perfect in edit and even preview mode.
But when I hit publish, the images become zoomed in.
Can someone help?
Thanks!
Hi there,
can you share a link to your site ?
Yes, here's the link: https://penncannabisnews.com/
It's the section at the top.
And here's how it looks in preview/edit mode: https://penncannabisnews.com/wp-content/uploads/2023/02/Screenshot-2023-02-05-at-8.15.42-AM.jpg
Here are the attributes settings under Background in Edit Mode: https://penncannabisnews.com/wp-content/uploads/2023/02/Screenshot-2023-02-05-at-8.17.48-AM.jpg
Thats odd, in the Background Settings, is the Use inline style enabled? If so can you disable that.
I can't disable it. It's shaded in light blue and I can't move the slider. See this image: https://penncannabisnews.com/wp-content/uploads/2023/02/Screenshot-2023-02-05-at-1.01.08-PM.jpg
I tried to unlock the entire container, but it still appeared in that light blue color. Something is preventing me from disabling it.
Hi Daniel,
Can you take a screenshot as well of how the issue looks from your end on the frontend of the site?
Yes, here's what I see: https://penncannabisnews.com/wp-content/uploads/2023/02/Screenshot-2023-02-06-at-6.45.46-AM.jpg
And here’s how it looks in preview/edit mode: https://penncannabisnews.com/wp-content/uploads/2023/02/Screenshot-2023-02-05-at-8.15.42-AM.jpg
Can you try adding this CSS:
.gb-container.lazyloaded {
background-size: cover;
}That worked perfectly... thank you!
You are welcome :)