Posted by dotman on January 4, 2012 at 10:03pm
I'm pretty new to drupal, omega and 960. I could really use a few tips on styling the regions, block etc, without breaking the grid.
When not using drupal, i realize i can nest a div inside of a grid and then add padding, etc and the grid stays intact. But how do i accomplish this using omega?
Basically any first best practices on which templates to modify (those in the Omega or Alpha folder?), and how I can style the content, blocks etc using custom css while keeping the integrity of the grid.
i know this is probably a fairly simple thing for most of you, but any guidance specific to omega would be really helpful.
I'm hoping to take a psd based on a 12 grid format and use omega, but it may be out of my reach. thanks for any help.
thanks,
Doug
Comments
Hi Doug,I didn't have time
Hi Doug,
I didn't have time to reply last night but here goes.
You can't add (horizontal) padding to regions, for example #region-main-menu as that will break the grid. However, you will notice in your source code that there are nested divs with classes something like .region-main-menu-inner.
You can add padding to the inner divs without breaking the grid. I do it all the time. Also, you could style the blocks, like .block-menu-block-1 {padding: 0px 10px}, they can have padding and borders etc, as can the inner divs.
Have a play around and see how it goes.
Hope this helps.
Sam.
inner + Equal Heights
I'm using paddings to inner divs since I use CSS, because of the IE-Box-Model-Problem. But in Drupal Omega Theme it doesn't work in connection with the Equal Heights js. The inner elements don’t span to full height. They are different without height: 100% and the are much to high with height: 100%. A combination of border: 7px + height: 90% may work, but is not safe. Anyone an idea?
Equal heights
Post a pic of what you are trying to do Doug and I'll see if I can give you a hand.
Ken Weigand