Border - right and left

[Kobber]

Hi,
I want to create a full width design - but with a 5% margin on left and right side (so it creates a border). Is it possible and can I do it per page instead of through out the website (or would that be to much code SEO-wize)?

[Kobber]

Oh… I changed my mind. It should be through out the site.

[ruenel]

Hello @Kobber,

Thanks for writing in!

There is no setting in the theme where you can add a left/right margin border around the page template. You need to add CSS code into X > Theme Options > CSS .

You need to use the Google Chrome Developer Toolbar to check the live HTML code and find which CSS selector you need to use.

Usually you will have to add the custom CSS margin code in the body element. So, your custom CSS code will be:

body {
   margin-left: 5%;
   margin-right: 5%;
}

To learn more about this CSS margin property, please check this out:

• https://www.w3schools.com/css/css_margin.asp

The given code above will be applied to all of your pages and all throughout the screen sizes. If you want to apply the code only on larger or desktop screens, you will need to add @media CSS property in the code. It can be like this:

@media(min-width: 980px){
  body {
     margin-left: 5%;
     margin-right: 5%;
  }
}

For more details about the CSS @media property, check this out:

• https://www.w3schools.com/cssref/css3_pr_mediaquery.asp

Note: If you are unfamiliar with code and resolving potential conflicts, you may select our One or Care service for further assistance. We are unable to provide support for customizations under our Support Policy.

Best Regards.