Archived topic
Images on front page – how to remove padding?
3 replies · Started by Petra on September 23, 2021
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!