Archived topic
Extra left margin on featured image on mobile
9 replies · Started by Sara on May 12, 2021
Hi! When viewed on mobile, my featured images have a lot of extra padding on the left. I'm not sure why that is happening. How do I fix it?
Hi there,
i am seeing this CSS added to your site:
.featured-image img {
width: 100%;
max-width: 781px;
margin-left: 70px;
}
Which is adding the margin - it looks like its been added to offset the removal of the Featured Image padding in the customizer:
https://docs.generatepress.com/article/adjusting-the-featured-images/
Is there any way to know where this code is set? I can see it when I view the source, but it's not in the customizer->css
It's not in GP Elements either
You would need to disable the cache plugin you're using so i can see where the CSS is coming from.
I disabled it.
Its in the Child Themes style sheet.
It is! I didn't realize I had all that css there... Would you mind telling me how you knew this so I can figure it out on my own if it happens again?
For sure, right click > inspect the site to open the developers tools.
Select the image in the Elements panel - you will see somthing like this:
With the element selected you will see the styles being applied, and above that is the link to the stylesheet.
You can see here why caches have to be disabled, otherwise the link points to the cached file which doesn't tell you where its added.
Got it. Thanks. Would you mind deleting the image of the site from this thread?
You're welcome - image deleted :)