Product page changed after adjusting blog to blog-post-without-sidebar 2

[MrsX]

Hello dear staff,

I used the following link/ advice/ thread, to remove the sidebar from my blog posts:

X - Problems Removing Sidebar From Blog Posts

I have 2 questions now:

1 - how can i CENTER my blogpost (width of post 80%) in the page?
2 - How can i keep my PRODUCT pages as they were (they have changed and have been downsized)

Kindly Mrs X (see secure note for site)

[Alaa]

Hi @MrsX

Thanks for writing in!

You currently have this code:

.single .x-main {
    padding-left: 15% !important;
}

.single .x-main {
    width: 80% !important;
}

Please replace it with this one and it will resolve both issues:

body:not(.single-product).single .x-main {
    float: none;
    margin: 0 auto;
}
body:not(.single-product).single .x-main {
    width: 80% !important;
}

Thanks.