Site logo

[Resolved] Increase content width when adding sidebar form

Home Forums Support [Resolved] Increase content width when adding sidebar form

Home Forums Support Increase content width when adding sidebar form

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #2463634
    Scott

    Hey – having the same issue as this thread with my site. Trying to add a newsletter sign up form to the right sidebar, but when I do and increase the right sidebar width to around 30-35%, the content gets really tight and squished.

    I do not see the code you mentioned:

    .single-post #page {
        margin-left: auto;
        margin-right: auto;
        max-width: 960px;
    }

    I’m using READ from the site library.

    Thanks!

    #2463637
    Scott

    Ideally it would be great to have a layout such as Nomadic Matt’s where the content is somewhat left aligned and the newsletter is on the right, without so much padding/margin on the sides of the page. https://www.nomadicmatt.com/travel-blogs/where-to-stay-dublin/

    #2463658
    Fernando
    Customer Support

    Hi Scott,

    Can you try adding this instead?:

    body.single-post div#content {
        max-width: 1100px;
    }

    You can also try creating a Layout Element to change the Content Width: https://docs.generatepress.com/article/layout-element-overview/#content-1

    Basically, you need to increase the content width to a higher value to make it similar to your reference site. For reference, your reference site has a max-width of 1100px on single posts. Yours is currently just 800px.

    #2463661
    Scott

    Amazing! Thanks, Fernando – I appreciate it. I used the Layout Element, and it worked great. Marking as resolved.

    #2463676
    Fernando
    Customer Support

    You’re welcome, Scott!

    #2464825
    Scott

    Hey Fernando, looks like it’s actually not fully working. It’s working within WP Admin preview, but if I visit the site not logged in to WP admin or visit via Incognito, the changes are not showing. I’ve cleared the website cache, done a hard refresh within the browser, etc. Any ideas? Images, links and the URL are attached in the private info.

    #2465047
    David
    Staff
    Customer Support

    Hi there,

    if i load the site and disable WP Rocket on the front end by adding the : ?nowprocket query string to the URL, then it displays correctly ie. i see what you see when logged in ( correct ).

    So its somewhere in WP Rockets settings thats the issue

    #2465471
    Scott

    Thanks! Was able to resolve by fixing some CSS rules within WP Rocket.

    #2465821
    David
    Staff
    Customer Support

    Glad to hear that!

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