How can I set the width of the of the .span6 class? And accordingly the margin between the #grid1 and #grid2 module positions (if they are both set to .span6)?

I can't seem to find the stylesheet where the properties are set - even editing the original files that Firebug suggests doesn't deliver any results.

Test setup: quaax.nl/florian

I need to reduce the distance between the columns to 2%. Does anyone have any suggestions?

Thank you in advance!
Martin

Hi martin,

Its this line

@media (min-width: 1200px) {
.row-fluid [class*="span"] {margin-left: 3.34448160535%;}
}

line 169 of bootstrap-responsive.css

so something along the lines of

#grid1wrap .row-fluid .item-last[class*="span"] {
margin-left: 1.34448160535%;
}

for example would reduce the margin on the last element on that row

Which leaves absorbing the extra width you saved on the margin-left

A randon figure in my case

@media (min-width: 1200px) {
#grid1wrap .row-fluid .span6 {width: 49.3277591973%;}
}

so I'm dividing up the margin between the two modules

If positions start dropping then it means it exceeds the 100% value

Hope this helps - it can get a bit confusing editing bootstrap values and the above only applies to one media query

Cheers
Paul

Hi Paul, thanks for your reply - that's exactly what I thought, also changed exactly that value (down to 2%) - so there must be another issue somwhere....

update: just found out what I overlooked: the bootstrap-responsive.css file exists twice. It's the one in the themes folder that needs to be altered.
The custom.css does not override the settings of the bootstrap files, right?

Thanks a lot, sometimes it's just a tiny bit that can drive you nuts when you can't see it

It should override the css as its more specific

Are you all sorted now?

Cheers
Paul

Thank you Paul, I know enough. Good service as always!

kind regards, Martin

Cheers

Good luck with the site

Paul