Full width post not working

Support
#1

Hello

When I check the ‘full width post’ box on my posts it doesn’t seem to make any difference

The post in the link below has full width checked however it is not full width

http://bedstuyloveaffair.us/wordpressdemo/2017/09/07/queens-way/

What else can I do to make this work properly? I am attaching my login info in a secure note in the event you need it

Thanks!

#2

Hello @whitelobster11,

Thanks for writing in!

I can see fullwidth blog post on your website. Can you please confirm? https://www.screencast.com/t/wOks3uRg

Thanks.

#3

Thanks for your quick reply. That’s how it looks to me also but I thought with a full width post images/text are supposed to flood the horizontal dimension of the page without margins?

#4

Hi There,

It is fullwidth but it is still inside the container width we have set on X > Launch > Options > Layout and Design: Site width and Site Max width. If you want it edge to edge of the browser see this: https://screencast-o-matic.com/watch/cbQjjBI6I3

.single-post .x-container.max.width.main {
    max-width: initial;
    width: 100%;
}

Feel free to replace .single-post with .postid-546 if you want that CSS to work on that specific page only. The container is already fullwidth edge to edge but there’s no effect on the content/image because it is not large enough to fill the container.

Hope this helps.

#5

Hello

Thank you for this

I set the site max to 100 in launch options and this worked- but it made every single post full width

Instead of doing it this way, is there CSS I can add with a custom class that I could use that would allow me to keep the default posting size to a 90% width but any post that I tag with the custom class would become full 100% width?

Renew Bands advice - post full width
#6

Hi There,

Thanks for updating this thread. To resolve your issue, you can make use of this custom css:

.single-post.fullwidth .x-container.max.width.main {
    max-width: initial;
    width: 100%;
}

And after that, please edit the post that you want to have a fullwidth layout. Find the Post settings and insert fullwidth in the body class. To know more about the Post settings meta box, please check this out:

Hope this helps. Please let us know how it goes.

#7

Hello

Thank you for this

I’ve added your CSS to the global CSS and applied the body CSS ‘fullwidth’ to my post but it still does not display as full width- if I edit the layout/design settings and change site width to 100 then ALL of the posts on the site are full width, however I would like to be able to selectively control which posts are full width

I would to do the following:

Set the default the site be 90% wide

Set a custom CSS tag that can be applied selectively to only certain posts that makes these posts display at 100% width

How can I do this?

This post currently has the ‘fullwidth’ body tag applied however it doesn’t seem to have any effect

http://bedstuyloveaffair.us/wordpressdemo/2017/09/07/queens-way/

Please see the secure note for login information

Thanks so much!

#8

Nevermind- for some reason this fixed itself- thanks!

#9

Hi there,

You added the correct class, but you didn’t add the CSS

.single-post.fullwidth .x-container.max.width.main {
    max-width: initial;
    width: 100%;
}

I went ahead and added it.

Thanks!