how do I edit the css for a row

Great template by the way guys,

I am working on a site here greenlizzard.byethost6.com

I have set the cell margins to 10px either side, however this affects the menu bar, how do i zero this out so that it stretches full width?

Greenlizzard

Can you better describe your problem, perhaps some ilustration could help.

what I have done is this,

I have installed sparky template pro, have the global margins and paddings set to zero, so that the top positions could be 100% of the page which is 972px, but the content area now touches the edge of the page. ( as shown in the image). Apparently you can adjust individual row margins and padding, but I do not know how to?
I need the content area margin to be at least 15px, how do I achieve this?




Many Thanks
Gerald

In layout designer you have option to set class for each row (left two text boxes).
So after you can add css like this in layout.css:

.classnameyouput{
padding-left:10px;
}

Also for any module postion you can use:

.mp_<postion name> so for rigth ti would be:

.mp_right{
...
}

I am having a similar issue. I cannot find layout.css. CVhecked here:
/templates/sparky_framework/css

Usind sparky framework free download from here:
www.hotjoomlatemplates.com/sparky-joomla

on joomla 3.1.5 stable

Use template_css.css