Widen content with right coloumn

[checkeredowl]

I am trying to make the left side of the page full width instead of trapping it in that container. I have tried this code:

.page-id-167 .x-container-fluid.max {
max-width: 5000px;
}

To try to fatten it out but can’t seem to make a big difference. With all that text it should be as wide as I can get it while preserving the right bar. I tried switching page templates a couple times too…Help?

http://www.iamcalebhart.com/epk/

[jade]

Hi there,

Please try to use this code:

.page-id-165 .x-root .site {
    max-width: 960px;
}

Please feel free to adjust the value of the max-width.

Hope this helps.

[checkeredowl]

@Jade

.page-id-165 .x-root .site {
max-width: 960px;
}

That seems to have helped, but not much. Is there not a way to make it take up the fullscreen?

Thanks for your help.

[jade]

Hi there,

Simply adjust the code to:

.page-id-165 .x-root .site {
    max-width: 100%;
}

Hope this helps.

[checkeredowl]

Hmmmm…It’s still trapped in a tiny portion of the screen. Any ideas?

[paul.r]

Hi,

Please add this code as well.

.page-id-165 .x-container.max.offset {
    max-width: 100%;
}

Hope that helps.