Content align issue

[24xstudio]

Hi,

I have issues with the alignment of my content and I am unable to align it in the center with no sidebar.

This is what I trying to achieve for some of my pages: https://backlinko.com/seo-expert

[David]

Hi there,

you can use the Layout Element:

https://docs.generatepress.com/article/layout-element-overview/

You can set the Content Width and Disable the Sidebar in one place. Then set the Display Rules for the Posts you want to apply it to. I would give the posts a Category or Tag that you want it to apply to so you can automate where it is applied to.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[24xstudio]

Hey,

I have already tried this and its showing something like this: https://prnt.sc/p2c77l

[Leo]

Which page can I see the issue?

Let me know 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[24xstudio]

Hey Leo,
The page is not published, it is in the draft.

The problem is I want the page to be full width, but when I select from the layout “Content (No sidebars)”, this is what I am getting: https://prnt.sc/p2c77l

The site address is wheelsmaestro.com

[Leo]

Any chance you can publish the page so I can actually see the issue live?

Screenshots don’t help for issues like this unfortunately.

Let me know 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[24xstudio]

Hey,

I have published the guide with full width and you can check it yourself: https://wheelsmaestro.com/obd2-scanners/

and I want something like this: https://backlinko.com/video-marketing-guide

Regards

[24xstudio]

Just to clear,

This is what I am getting when I select “Full width – no sidebar” layout… meanwhile this is something it should look like …

https://10beasts.com/disclosure/

I hope I am clearing the issue here ..

[Tom]

Hi there,

In “Customize > Additional CSS, find and remove this CSS:

@media (min-width: 769px) {
    #right-sidebar {
        width: 300px;
    }

    .inside-right-sidebar {
        padding-right: 20px;
    }

    #primary {
        width: calc(100% - 300px);
    }
}

Let me know if that does it or not 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[24xstudio]

Thankyou very very much, it worked bro 🙂

[Tom]

You’re welcome 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Author]

Posts