[Resolved] Body content width

[takkularapsis]

Hi,

What is the correct way to adjust body width? Now i have set container to 1300px, is it correct way or am i doing it wrong? Website looks so narrow and small with Samsung S27h85x ( resolution 2560*1440 )

[Elvin]

Hi,

The content’s width can be adjusted on Appearance > Customize > Layout > Container under “Container Width” slider.

More about Customizer’s Container Layout:
https://docs.generatepress.com/article/container-layout-overview/

But this can be overridden if you have a Layout Element that sets the the content width:

More about Layout element:
https://docs.generatepress.com/article/layout-element-overview/

A wise man once said:
"Have you cleared your cache?"

[takkularapsis]

Hi,

Thank you for your answer.

What is the proper way to adjust screen ( padding? margin? body width? ) so that the content is nicely width in screen resolutions such as 2560*1440?

Now my container is 1300px wide and looks quite narrow in bigger resolutions.

[Elvin]

What is the proper way to adjust screen ( padding? margin? body width? ) so that the content is nicely width in screen resolutions such as 2560*1440?

The customizer’s desktop setting applies to screens equal or larger than 1025px.

The proper way to go is to set up everything within the Appearance > Customize > Layout > Container as content padding can also be set there but if you want to specify the styles for larger screens (4k), you’ll have to write a custom CSS for it. And you can write CSS styles specific to screen size by using @media rules.

Example:

/* styling for 1440p */
@media (min-width:2560px){
.grid-container{
max-width:1920px; /* this is the container width settings */
}
.site-content{
padding: 50px; /* this is for the padding */
}
}

A wise man once said:
"Have you cleared your cache?"

[takkularapsis]

Awesome, thanks!

[Elvin]

Awesome, thanks!

No problem. 🙂

A wise man once said:
"Have you cleared your cache?"

[Author]

Posts