Why can’t I edit margins on blog posts?

Hi

The default Vantage page padding can be adjusted via Appearance > Custom CSS or Customize > Additional CSS using:

https://siteorigin.com/vantage-documentation/css-snippets/#heading-adjust-the-padding-around-the-main-content-container

Thank you for the response.

As you can see from the below link, this is only an issue on posts, and nowhere else on the page (presumably as I use page builder on the rest). Is there a way to adjust for all posts? Furthermore, when the post is on mobile, the picture isn’t centred and bleeds on to the right hand side.

https://www.tutorsandfutures.com/soli-our-sister-company-2/

Hi, thanks for your reply.

Your page content width is set within your Custom CSS. The following rule has been manually added:

body.responsive.layout-full #page-wrapper #main .full-container {
    max-width: 1500px !important;
}

If you want to increase that width and target only posts, you can try adding something like:

body.responsive.layout-full.single-post #page-wrapper #main .full-container {
    max-width: 1700px !important;
}

The space between the edge of the content and the screen isn’t a margin or padding at this stage; it’s the max width of the content container.

The post’s first image has a hardcoded width and height. If you change themes temporarily, I think you’ll find the image issue remains. The figure tag around the image has a hardcoded width of 700px. The image tag has a hardcoded height of 500px. The theme’s stylesheet can’t override the hardcoded values, which is why there is overlap on mobile.

It would be best to temporarily switch to another theme, delete Vantage and switch to the version of Vantage hosted here on www.remarpro.com. Vantage Premium was discontinued in 2018. It’s best to do an update before proceeding. You’re welcome to email us for a more detailed explanation. You’re also welcome to keep using Vantage Premium unsupported.