CSS help: Alter padding between boxes or spans within grid system

[danielfinn 1]

I am wanting to alter the padding between boxes within the pagelines framework or between spanned elements within the pagelines grid system. For example, is there some CSS code I can apply which will modify the default spacing between such HTML code as this...

TEST BODY

TEXT BODY

[/code]

Are there some CSS tags which will alter the space between boxes and spanned sections?

[batman 389]

Hi, I??m not sure but... You can try modify ..% ..px as you like [code].row > .span6, .row-fluid > .span6 { width:48.936170208%; } .row > [class*="span"], .row-fluid > [class*="span"] { float:left; margin-left:2.127659574%; margin-bottom:20px; }[/code] I hope it??s usefully

[Danny+ 1,327]

Hi Daniel. Can you add an image to show exactly what you're trying to achieve please.

[danielfinn 1]

I have created this set of grids by using the following code: [code]

What I do Services

Pricing

[beardedavenger 158]

[b]Giving advice to alter margins and padding on the grid is very bad advice.[/b] Couple things. The margin and spacing on the grid isn't meant to change. If you do, it wrecks the entire grid, and you'll play hell trying to get it to look nice responsively. Not to mention that if you don't do it right (.ie, adding a class to style it specifically) then you're going to wreck the entire site. I'd leave them as they are, and if you want more space, add padding into your div or something. Also, you have a question mark for a closing div. http://screencast.com/t/tTdSO7ZJ NIck

[danielfinn 1]

Thanks for the reply. I have corrected that - was a typo. By any chance could you give me an example of a div with padding?

[beardedavenger 158]

Ya ok so an example. Your original markup below, and I added a class "padded" after span6. This means we can now target this specific div (instead of changing .span6 and have it affect the entire site). [code]

What I do

Services

Pricing