Archived topic
Image padding in blog posts.
3 replies · Started by Felix on August 23, 2020
Hello, I am a bit new so apologies if this has been asked already.
In my blog posts, I would like to have my images use a smaller padding than my text, right now the same padding is applied to both keeping everything in the same alignment.
Basically I am looking for the CSS that let's have my blog images/image gallery occupy more of the content area (possibly even overflow it) while the text sits normally in the middle. Any assistance on the custom CSS would be much appreciated.
Thank you!
Hi there,
The image is inside the container so it might be tough to change the padding on the images only.
Any chance you can link us to the site in question?
You can edit the original topic and use the private URL field.
Let me know :)
Hi Leo, unfortunately the site is not live yet for me to provide the link, I found that you actually have this option for the blog post feature image, looking at the code I tried to apply the same code to the wp-block-image class but the results are all over the place so I am sure this is not the solution :)
.wp-block-image {
margin-left: -60px;
margin-right: -60px;
}
Hi there,
Have you tried using the Align-Wide option in the Image block? If you click the alignment option in the block toolbar, you should see it there :)