Posted by arnemaine on August 14, 2011 at 4:49pm
Is there a main wrapper div already in place? I'm asking as I want to use full background images and colors and I can't seem to see anything in the UI for the zones and regions where I can spec a main wrapper.
Is this something that runs contrary to the responsive design of Omega?
Or do I need to add it in a template file, if so where and how?
Thanks!
PS
Is the answer just to use the page div as shown below? Or is there a better way? I've been used to using Fusion in D6, which had main wrapper divs.
Here's what I found so far:
http://groups.drupal.org/node/158564
Thanks again. The Omega them is looking fantastic!
Comments
I'm looking for the same
I'm looking for the same thing. I am also moving from Fusion, and I cannot find an equivalent div.
div#page
The div#page you refer to from the image schematic diagram is indeed a wrapper around all the sections/zones/regions. By default its full-width in the viewport, leaving the individual zones (with relevant grid container classes) to handle the widths. So, if you wanted to use the #page for all-around styling purposes, you may need to override the width/margins of #page in your [subtheme]-alpha-default-[narrow/normal/wide].css (or your subtheme's global.css, although that would then apply to the stacked 'mobile' layout as well). In my case, since I'm using the 960 grid, I've experimented with changing the width to 1200px (wide), 960 (normal), and 720px (narrow) - plus, of course, auto left and right margins. Seems to be working for me so far.
Anyone else know of a reason not to use this approach?
That worked
Thanks for the advice, that worked for me.