How to make content box full width

[brookelustig]

Hi everyone, I am trying to make the content boxes cover the full width of the page. Does anyone know how I would be able to accomplish this?

I have tried the following but the content box does still not stretch out to cover the full screen.

.content-box-yellow {
    margin: 0 0 0px;
    overflow: hidden;
    padding: 20px;
    max-width: none;

Any advice would be much appreciated.

Brooke

[Andykev]

Need link to your site to be sure...

but try "width: 100%;"

Again, need link to your site to see what you have, depending where you have the item placed, ie. inside a container, etc.

[brookelustig]

This reply has been marked as private.

[Andykev]

Marking the reply as private makes it invisible to everyone but the moderators. Can't see your reply...

[brookelustig]

Oh my bad:) Here is my message.

Hi Andy,

Tried (width: 100%;) but no luck.

Here is a url of a example page (on the bottom of page, is a grey content box taht I am trying to get to cover the full screen in width), http://traveltopspot.com/5575-2/

Any other ideas or tips?

Thank you for your help.

Brooke

[brookelustig]

Anyone know how to accomplish this? Have been banging my head against the wall for a while now:)

[Andykev]

The <div> for the content box needs to be moved.
It is being constrained by the above structure. The same container that has your column classes in. BTW you have seven items in six columns as well. Just below this section.

Use inspect element and you can see what happens when you move the <div> for the content box down. It can be made to go full width 100%.

[brookelustig]

Hi Andy, I removed everything but the content box and I am still not able to make it cover the full screen in width. What I am missing?

Thanks again for all your help!

Brooke

[Andykev]

/* ## Site Containers
--------------------------------------------- */

.site-inner,
.wrap {
	float: none;
	margin: 0 auto;
	max-width: 1200px;
}

The above section will change everything in your site container. Making this 1600px or whatever, will widen your content box. Is that what you're asking?

Remember, your front page in Guru is populated by widgets. So if you have content in a text widget, you can insert it in a different section. They are different.

[brookelustig]

Hi Andy,

Exactly, I am trying to widen the gray content box on the page (http://traveltopspot.com/5575-2/) to cover the full screen in width. I have changed the max width to 1600px and played around with the different sections expanding the width to 100% but can't get seem to get the content box go any wider.

[Andykev]

Are you clearing your cache?

I can widen your site (your gray box PLUS the footer widgets). That is probably not what you want. Maybe go here: http://appfinite.com/forum/guru-theme-support/

Wes can help you. He's the developer.

[brookelustig]

Yep, cleared the cache and still no luck. Thanks for taking the time to help, I have submitted the question to that forum. Hopefully, Wes will have an answer on how to solve this.

Thanks again.

[Author]

Posts