[ThaiModerator]

Hi Miles,

Your website is under construction, would you mind providing us with your admin account so we can take a closer look?

Don’t forget to select Set as a private reply. This ensures your information is only visible to our staff.

Many thanks.

[mthomas91Participant]

This reply has been marked as private.

[mthomas91Participant]

I want this (and all of my posts) to be fullwidth with no container – http://www.freematchedbetting.com/offers/test-bookmakers-bet-20-get-10/

Just like it would show on a page template with no container.

Thanks,
Miles

[mthomas91Participant]

Are you able to look at this for me?

[FriechModerator]

Hi There,

To make all your posts individual page take full-width. You can add this under Custom > JavaScript in the Customizer.

(function($) {
$( ".single .x-container.offset" ).removeClass( "max width" )
})(jQuery);

Then this on Custom CSS

.x-container.offset {margin-top: 0;margin-bottom: 0;}

Hope it helps, Cheers!

[mthomas91Participant]

Hi, that made the footer larger and did not do anything to the container?

[LelyModerator]

Hello Miles,

Can you please try adding this CSS instead:

.single .x-container.max.width.offset {
    width: 100%;
    max-width: none;
}

Hope this helps.

[mthomas91Participant]

Thanks,

That has removed the gaps at the side, but not at the top or bottom.

Also, I want the section (as you can see in blue with the title in) to be full width. And the rest of the page.

Is there a way to remove any padding that might be around this?

Thanks,
Miles

[ChristopherModerator]

Hi there,

Update your code to :

.single .x-container.max.width.offset {
    width: 100%;
    max-width: none;
    margin: 0;
}

Add this :

.single .entry-wrap {
    padding-right: 0;
    padding-left: 0;
}

Hope it helps.

[Author]

Posts