Posted by arunkmarcse on March 19, 2013 at 11:46am
I have a my website running with omega theme with default settings. Now, i would like to increase the margin spacing in the left and right side as in this drupal groups website. I tried to configure it by giving 1 column prefix and 1 column suffix, it worked but it doesn't change the overall margin. How can i do this?? Do i need to configure in css or i can do it with Appearance settings in Dashboard?? Please give me any solutions??
Comments
HiIf you follow the
Hi
If you follow the instructions here, this will sort things out for you.
http://groups.drupal.org/node/282488#comment-885828
Its not a quick thing. You basically need to create another grid, if you see my comments that follow, you will see my learning experience.
This enabled me to create the layout I have on my website :
www.lucywebsites.co.uk
Your website looks absolutely fine without gaps, so if its too much hassle, i would stick with what you have which looks fine.
I hope this helps.
I'd be interested to hear how
I'd be interested to hear how you resolved this problem.
I've faced a similar issue realising that the default margins of 10px for 960 grid isn't ideal as the page content is very close the edges of the page. That is if your design has page edges.
I found that there's a couple of options:
1) Create a custom grid - As mentioned above.
I found this tool invaluable to understanding column widths, margins etc.
http://www.gridsystemgenerator.com/gs01.php?GridWidth=936&GridColumns=12...
2) Use a background image to create a faux page width.
This has the benefit that you can continue to use the default Omega grid as is.
Example: www.concern.net
3) Add padding to zones in theme CSS
e.g. #zone-content
This increases the page width though.
Example: www.onmc.com
There's some solutions to mull over, but be aware that it's not taking in to account if you're creating a responsive theme.