Docs

[markwest]

Hi,

I have a section, within a post that I would like to make full width. I’ve added a class to the section .enquire

I’ve tried adding the following CSS found in this article (modified) – https://community.theme.co/forums/topic/integrity-theme-full-width-posts/

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

.single-therapist .x-container.offset .entry-wrap .enquire {
padding-left: 0;
padding-right: 0;
}

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

.single-therapy .x-container.offset .entry-wrap .enquire {
padding-left: 0;
padding-right: 0;
}

But it is not taking effect.

I’d be really grateful for your help is getting this to work.

Thanks

Mark

[markwest]

This reply has been marked as private.

[Lely]

Hello Mark,

That will not work because of your structure. See attached screenshot.
In order to achieve what you want, we have to disable the sidebar and choose full width content instead on the customizer. Then we can on your first section, use columns like 1/3+2/3. The 1/3 column add the content of your sidebar instead. Then below this section add another section. This will be fullwidth now.

Hope this helps.

[markwest]

Hi Lely,

I this something you are able to help me do please? I think I understand what you are saying, but I’m not sure how to implement the change and ensure nothing breaks. I think 1/3 would be too wide for the sidebar, maybe 1/4 & 3/4?

Thanks

Mark

[Lely]

Hello Mark,

Yes, we can guide you.
Please see this:http://screencast-o-matic.com/watch/cD6OXkjGHB
We can use 2 sections. The first section is using Custom Columns 1/4+3/4
1/4 column will act as your sidebar. Add all elements the your current sidebar has. Then the content would be on 3/4 column.
Then add another section after this. This will just be one column and it will be fullwidth. You may choose to disable container too when you click ROW.
Go to Appearance > Customize > Layout and Design: Choose Fullwidth under Content Layout to remove the site sidebar.

Hope this helps.

[markwest]

Hi Lely,

I have two custom post types (simple posts) that display the pages in question.

It seems like I will need to have those recreated to accommodate the new layout – is that correct?

I’m also guessing that this might well affect all other pages on the site?

Thanks

Mark

[markwest]

This reply has been marked as private.

[Paul R]

Hi Mark,

You need to select a No Container template to make it full width.

http://screencast.com/t/ksYyy1O1Xc

I went ahead and made the change – http://2016.thewellbeingclinic.org/?page_id=1055&preview=true

[markwest]

This reply has been marked as private.

[markwest]

Hi Paul

Ok, I have gone ahead and turned the column container on and this is now good.

Thanks for your help.

Mark

[Lely]

You’re welcome Mark!

Cheers!

[Author]

Posts