Full width content is not working

[fionalu]

Hi,

When I’m trying the custom code from knowledgh base “Experimental – Full Width Content” for a certain page on my site, it didn’t work out.

Here’s the page I’m trying to be full width: http://staging.ohhiaudio.tw/knowledge-base/stores/

(The map and the list are created by a plugin, but before I put the text and button beneath it, the map was full width. So I think it’s not a plugin problem.)

And here’s what I put in the custom CSS in Theme Options:

.page-id-9892 #main-container > .container {
width: 100% !important;
max-width: 100% !important;
}

Please help check where I did wrong, thanks!

[Kyle – SUPPORT]

Hi

Sorry that code needs updating, the new code should be:

.page-id-9892 #main-container > #page-wrap > .container {
  width: 100%;
}

– Kyle

[fionalu]

Hi,

I changed the CSS code and it works great!
The only problem left is padding-left and padding-right are set to be 15px.
So here’s the final code I used for future reference:

.page-id-9892 #main-container > #page-wrap > .container {
width: 100%;
padding-left: 0px;
padding-right: 0px;
}

Thanks a lot Kyle!

[Kyle – SUPPORT]

Ok great! Thanks 🙂

– Kyle

[nomad]

Hi,

I have added the code above to the theme-options/custom code area in admin but not seeing the results? http://nomad-it.com/welcome/projects/

.page-id-16632 #main-container > #page-wrap > .container {
width: 100%;
}

Can you help at all?

[fionalu]

Hi,

I think this method doesn’t apply to special pages such as Portfolio or Blog.

You could see the Portfolio page style in Dante demo site:

http://dante.swiftideas.net/portfolio-full-width-masonry-gallery/

[Kyle – SUPPORT]

Thanks @fionalu – this is the way to do it for portfolio and blog pages

– Kyle

[nomad]

Hi guys,

to confirm, can i use this on blog pages? if so where am i going wrong?

do i need to paste the code somewhere else?

thanks,

ken

[Kyle – SUPPORT]

You actually don’t need to do this anymore, Dante now has a ‘row’ asset in the page builder, under the layout tab.

Add a row to your page, then in the settings set to full width content (see screenshot)

Then you can drag your page builder assets inside the row

– Kyle

[nomad]

Ok great,

will give it a go and get back to you.

cheers,

Ken

[Kyle – SUPPORT]

Ok no problem

[nomad]

Hi Kyle,

I think i may have confused the title with another subject. Is this topic referring to ‘full width content’ as seen here?

http://reallystandard.com/test-full-width/

regards,

Ken

[Kyle – SUPPORT]

Hi

They have customised a lot of css to achieve that layout, unfortunately that’s not possible with Dante as standard, and we can’t provide support for that functionality as it’s not within the scope of our support.

– Kyle

[nomad]

I see,

Many thanks Kyle for your time and assistance.

ken

[Kyle – SUPPORT]

No problem

– Kyle