Page width

  • lunalinnemann

    (@lunalinnemann)


    4 years ago

    Hi!

    Thanks for a great theme!

    I would like to ask if there is any way to make the width of the pages smaller? Including the featured image? I have tried using the css .container, but that was for the whole theme, and I would like to keep it as is on the FP and post page.

    /Luna

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Steven (LyraThemes)

    (@stevenlyrathemes)

    Hi Luna,

    Thanks for using Kale, and thank you for the kind words! ??

    If I understand correctly, you’d like to limit the width of the main container on pages, but not on the home page. If so, you can use this CSS in Appearance > Customize > Additional CSS, and just adjust the 1000px up or down to suit:

    .page:not(.home) .main-wrapper .container {
    max-width: 1000px;
}

    Thanks again, and if you need anything else, just let us know!

    Thread Starter lunalinnemann

    (@lunalinnemann)

    Hi Steven,

    Thanks for your quick reply! It is kind of what I wanted, but can you do it without changing the navbar width. I basically just want content on the pages (including featured pic) to be of a smaller width than on Home page and blog feed page, keeping the same size navbar for all pages.

    / Luna

    Steven (LyraThemes)

    (@stevenlyrathemes)

    Hi Luna,

    Ah…I see what you mean. In that case, this CSS should do the trick:

    .page:not(.home) .main-wrapper .container > .row {
    max-width: 1000px;
    margin: auto;
}

    Let me know if you need it tweaked any further!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Page width’ is closed to new replies.