Full-width post not working

Hi,
I have spent 2 days trying to create a full-width post.

What I want is for this post (ignore header and footer):
https://features.japantimes.co.jp/2018/07/18/full-test-2/

To look like this page:
https://features.japantimes.co.jp/full-page-example/

I have set preferences to fullwidth and tried various CSS suggestions, but nothing works.

Can you please suggest a fix?

Thanks

Hi,

To achieve that, you can add the code below in Theme Options > CSS

@media(max-width:1200px) {
.single-post .x-container.offset {
    max-width: 100%;
    margin: 0 auto;
}

.single-post .x-main.full {
    margin: 0 auto;
    max-width: 1200px;
}

.single-post .entry-wrap {
    background:transparent;
    box-shadow: none;
    padding:0;
}

.single-post .entry-content {
    margin-top: 0;
}
}

Hope that helps

Thanks for your reply. But, unfortunately, that has not changed anything.

I put the code you provided in the Global CSS, but the post looks the same.

Do you have any idea why it doesn’t work?

thanks

Hi Andrew,

I could not find the above provided code in your site. If you’re using a caching plugin, you need to purge your server cache before testing.

Also I see that you’re not fully updated. Please check our latest version information from here (https://theme.co/changelog/) and update your Pro theme accordingly (https://theme.co/apex/forum/t/setup-updating-your-themes-and-plugins/62).

If you’re still having issues, copy all of your custom CSS rules into an online tool like CSS Lint (http://csslint.net/) and make sure that you don’t have CSS errors. If you have CSS errors, you need to fix them to parse your CSS correctly.

Let us know how it goes.
Thanks!

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