[Support request] Reduce page width

Home Forums Support [Support request] Reduce page width

Home Forums Support Reduce page width

Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #619635
    Faye

    Hi there,

    I would like to reduce the width of pages only. The blog posts display with a sidebar, which is fine. The pages have no sidebar (which I want), but it means the text stretches across the whole page and is harder to read.

    I’d like to bring the page text in a bit, but am not sure how to do this without affecting the blog layout, if that makes sense?

    Any suggestions?

    Thank you.

    #619695
    Leo
    Staff
    Customer Support

    Hi there,

    Try this CSS:

    .no-sidebar .site.grid-container {
        max-width: 800px;
    }
    #619699
    Faye

    That is absolutely perfect. Thank you so much! πŸ™‚

    #619704
    Leo
    Staff
    Customer Support

    No problem at all πŸ™‚

    #619984
    Faye

    Ah – that doesn’t change the pages that use sections.

    Is there a way to change these also?

    #620039
    David
    Staff
    Customer Support

    Hi there, we can use update the CSS to this:

    .no-sidebar .site.grid-container, .generate-sections-enabled:not(.home) .site.grid-container {
        max-width: 800px !important;
    }
    #620068
    Faye

    That doesn’t have any affect on the pages with sections.

    Also – my home page uses sections, but I don’t want that to be reduced in width – is it easy to exclude the home page?

    #620101
    David
    Staff
    Customer Support

    I edited the code above, can you try that.

    #620541
    Faye

    That’s reducing the width of page text, but there are two issues:

    1. It also changes the home page (which I don’t want to alter) and
    2. It reduces the background colour of the sections to an 800px width rectangle. I wanted the colour to remain at full width.

    I’ll have a play around and see if I can modify it, but if you have any other suggestions please let me know!

    #620671
    David
    Staff
    Customer Support

    Hi there,

    if you can provide a link to the site then that would be helpful, you can edit your original post and use the Site URL field for privacy.

    #620832
    Faye

    It’s https://simpledays.co.uk

    Thank you πŸ™‚

    #621020
    David
    Staff
    Customer Support

    OK, let give this a shot, the logic: if there is no sidebar and not on a Section page then reduce the entire content width, if on a Section page that is not the home page just reduce the Sections container….

    .no-sidebar:not(.generate-sections-enabled) .site.grid-container,  .generate-sections-enabled:not(.home) .generate-sections-inside-container {
        max-width: 800px !important;
    }
    #621021
    Faye

    I think that’s it. All looks great.

    Thank you so much πŸ™‚

    #621031
    David
    Staff
    Customer Support

    You’re welcome, glad we got there!

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