Archived topic
Body content width
5 replies · Started by takkularapsis on November 30, 2020
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 )
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/
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.
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 */
}
}Awesome, thanks!
Awesome, thanks!
No problem. :)
