Full-width Blog

[h08meric]

Hi,

I have the URL: http://new.calamiaresort.com
and are creating a blog.

In the theme I have chosen full width, with no container as a standard.

Although, when I go to my Blog post, it look like this: http://new.calamiaresort.com/welcome/
It doesn’t fit the rest of the website. I want it to be full width, with no container, and I want to be able to set the margins myself. Where do I change this?

Under Edit page for the blog post I choose “Full width Post layout”, but it doesn’t change the appearance.
And under X-theme Options - Blog, I choose Full width as layout.

How do I change this?

Thank you!

Kind regards
Maria

[Prasant]

Hello Maria,

Thanks for asking.

To have full width post page layout, please add following CSS under X > Theme Options > CSS:

.single-post .x-container.max.width.offset {
    max-width: 100%;
    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.

[h08meric]

Thank you for your help!

Maria

[Prasant]

You are most welcome.