[Resolved] Body content width

Home Forums Support [Resolved] Body content width

Home Forums Support Body content width

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1559839
    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 )

    #1559853
    Elvin
    Staff
    Customer Support

    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?"

    #1571185
    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.

    #1571192
    Elvin
    Staff
    Customer Support

    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?"

    #1571369
    takkularapsis

    Awesome, thanks!

    #1572124
    Elvin
    Staff
    Customer Support

    Awesome, thanks!

    No problem. 🙂

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

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.