Disabling sidebar on posts

[powerfullifting]

Hi, I would like to disable the sidebar only on posts, making posts full width. In the editor however, the page attribute options do not show up. How can I do this?

Thanks

[Prasant]

Hello Peter,

Thanks for asking.

You can do that from X > Theme Options > Layout and designs > Content layout and select Full Width.

You can also make the changes using CSS. To do that, please add following CSS under X > Theme Options > CSS:

.single-post .x-sidebar {
    display: none;
}

.single-post .x-main.left {
    width: 100%;
}

1- I have found the proper CSS code selector using the Chrome browser Developer Toolbar: https://www.youtube.com/watch?v=wcFnnxfA70g

2- For the CSS code itself, I suggest that you get started with this tutorial: https://www.youtube.com/watch?v=yfoY53QXEnI

Thanks.

[powerfullifting]

Thank You!

This worked perfectly.

[jade]

You’re most welcome, Peter.