Site logo

Archived topic

Images on front page – how to remove padding?

3 replies · Started by Petra on September 23, 2021

Viewing posts 1–4 of 4

Hi,

I might've once upon a time done something myself (not sure though) to create padding around all images on my front page when viewing on mobile (https://www.evermind.fi/). I'd much prefer them to have no padding on the left and right but instead have them cover the entire screen width in the way they do on archive pages and posts. How do I do that (or undo what I maybe did before)?

Hi there,

try adding this CSS:

@media(max-width: 768px) {
    .wp-show-posts .wp-show-posts-inner {
        overflow: visible;
    }
    .wp-show-posts-image img {
        margin-left: -40px !important;
        margin-right: -40px !important;
        max-width: 100vw;  
    }
}

That did the trick! Thank you, David :)

Glad to be of help!

This archived topic is closed to new replies.