Managing Entry Wrap Padding

[webraven]

Hello!

I see this can be a confusing issue for many. For such a primary setting that affects the entire layout of the website (both blog posts and pages), it would seem this best managed within the system.

Under Theme Options > Layout & Design, I found setting the Site Width to 100% gets me back some real estate, but only while increasing the Site Max Width to 1300px.

Then, I added this to the Global CSS:
.entry-wrap { padding: 25px; }

My questions:
1.) Are there any drawbacks to this approach of increasing the Site Max Width to 1300px?
2.) Is there a way to achieve a wider display (without the massive default padding) in this manner without adding custom CSS?

Thank you,
William

[ruenel]

Hello @webraven,

Thanks for writing in!

1.) Most websites use 1200 pixel wide content width. This is usually because more screens have 1280 screen resolution compared to 1440 pixels. Most of your element contents of the page will move and compress in your 1300 pixel site content when being viewed to most screens that have 1280 resolution.

2.) The “entry-wrap” will be applied to the default pages. If you change the default page template to Blank - No Container | Header, Footer page template, you will have a wider display without any padding around the content area. For more details about the different page templates in the theme, please check this out:

• https://theme.co/docs/page-settings#page-attributes

Best Regards.

[webraven]

Tremendous. You’re an expert, thanks for that!

[ruenel]

You are most welcome.