[ldollardParticipant]

Hi i want to make the content band full width but the content itself only 960px, how do i do this.

http://dev4.novelcreativeagency.com/commercial-work/

basically like this site:

http://www.doppiohoodriver.com/

or this one, which isn’t strictly 960px, but gives you an idea

http://www.pfriembeer.com/

I think i want it on everypage, but what if i want to exclude or only use it on same as well?

thanks so much.

[ldollardParticipant]

i tried this

width: 960px;
max-width: 960px;
margin-left: auto;
margin-right: auto;

but it makes the whole band that size, i guess for obvious reasons.

[ChristianModerator]

Hey there,

You don’t need CSS for this as the Content Band shortcode has an Inner Container attribute which will contain the content basing the width from the Site Max Width setting in Appearance > Customize > Layout and Design (see attachment)

Thanks.

[ldollardParticipant]

That doesn’t work at all.

To start with my site is full width, not a boxed site. Secondly By using the Site width it resize’s everything including the content bands, so the bands themselves become smaller.

Please look at this site here:

http://www.pfriembeer.com/

see how the content bands backgrounds span the full width of the page, but the actual content is centered in the middle. Thats what I want

By using the method you described, which seems like it should be the solution, ALSO resizes the content band background as well.

Could this have something to do with the template being used maybe?

thanks

[RupokMember]

Hi there,

Thanks for updating. The above answer should do the job that you want, not sure why you are saying “That doesn’t work at all”.

You can set the Fullwidth layout and set a max-width or width for the container to limit the content width. That’s all you need I believe.

If you need to use edge-to-edge fullwidth for any page, you can select a “No Container” template from Page Template options.

Hope this makes sense.

Cheers!

[ldollardParticipant]

because its not working

My site is set to:

Fullwidth

Site Max Width 1500px

Site Width 72%

Template used:

blank – no container | header, footer.

No css it affecting it either.

see right here:

http://dev4.novelcreativeagency.com/commercial-work/

the layout has not changed, i know i can do this with margins etc.. but i want it site wide, so what can i do now?

[ldollardParticipant]

This reply has been marked as private.

[Paul RModerator]

Hi,

Regretfully, at this time I am not entirely certain what it is you would like to accomplish based on the information given in your post. If you wouldn’t mind providing us with a little more clarification on what it is you’re wanting to do (a link to a similar example site would be very helpful, or perhaps some screenshots), we’ll be happy to provide you with a response once we have a better understanding of the situation.

[ldollardParticipant]

I literally dont know whats going on. You are the second person that clearly didn’t read my posts at all.

I’ve been extremely specific given multiple website examples and even your own log-in.

How can i possibly be any clearer?

Please read all my posts, from beginning to last and you will have all the info you just asked for.

I’m sorry if i sound frustrated, but I felt i was as clear as is humanly possible.

I followed Rupoks advice and that didn’t work, i explained why it didn’t work, i gave examples of what i want my site content to look like and the current url of how it looks now.

[RadModerator]

Hi there,

Sorry for the confusion.

Evey section has rows with inner/column container. It’s the inner/column container that limits the width of your section’s layout. Of course, it can be toggled on and off when you inspect your section’s row. But since you wish to achieve it site wide, then the only solution is custom CSS.

Please add this CSS to Admin > Appearance > Customizer > Custom > Global CSS

.x-section .x-container.max, .x-content-band .x-container.max {
    max-width: 100% !important;
}
.x-section .x-container.width, .x-content-band .x-container.width {
    width: 100% !important;
}

And page template should be set to “No Container” as Rupok suggested.

Attached is the screenshot for cornerstone’s column container, but visual composer’s content band should have same option too.

Hope this helps.

[ldollardParticipant]

thats great, thanks so much for your help.

[Rue NelModerator]

You’re welcome!
We’re glad we were able to help you out.

[Author]

Posts