Decrease width of posts on single post page

I’ve done this for the blog index page, but can’t seem to get it right for the single post page.

Hi bluekat,

In general, you can do that by adding this CSS snippet to (X > Theme Options > CSS):

.single-post .x-main {
    width: 50%;
    margin: 0 auto;
}

In case this didn’t help, then please provide us with your single post link so we can investigate this issue.

Thanks.

Thanks Alaa, but That did not do anything. Here’s the link to the single post page, but I do want this to apply to ALL of the single post pages.
http://www.superpussycat.com/sp-moths-test/

HI there,

Please update the code to:

.single-post .x-main.full {
    width: 50%;
    margin: 0 auto;
}

Feel free to adjust the value of the width in the code.


You can find more info on how to check for CSS selectors here.
Then information about writing your custom CSS here.

Hope this helps.

1 Like

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.