How to have full width content with Xtreme?

[canoot65]

I have been trying to find a way to extend the content to full width (of screen/browser) of a single page with Xtreme Plus – with no success. With the help of Scrambler I managed to do it with Weaver II Pro, here: http://testing.nettsideservice.no/infokart/ To achieve this I added the CSS rule .page-id-xxx #wrapper {max-width:100%} (where xxx = page number) in Advanced > HEAD Section.

I have tried to use the same CSS rule with Xtreme here: http://www.nordoy.net/googlekart/ It only extends to full width of the Content Area, though. Is there something I have been overlooking, or is there another way to do this in Xtreme?

Thank you on beforehand for helping!

[scrambler]

In extreme, CSS rules go in Main options > Fonts and Custom > Custom CSS Rule box.

That same rule works just fine on Xtreme, but you appear to have set your container width to 78%. If you need to keep that for other pages and undo it on that specific page, then you also need a rule

.page-id-xxx #container {width:100%;}

[canoot65]

Thanks a lot, Scrambler!
Your rule solved it (.page-id-xxx #container {width:100%;} Didn’t need the one I mentioned above.

I have another issue on that same page, if I may. http://www.nordoy.net/googlekart/ How can I reduce the white space on top? I have tried just about every possible setting, but nothing helps.

[scrambler]

There are a few top paddings at play (#container and #content as well as space between title and content). if you want to remove them on all pages use the options in the appropriate Main options sub page, or if just on that page use

.page-id-xxx #container, .page-id-xxx #content , .page-id-xxx .entry-content {padding-top:0px;}

[canoot65]

Thank you again – you are priceless!

[Author]

Posts