i've enabled GRID overlay in my fusion subtheme.

i'd like to change the inter-grid spacing used/displayed.

iiuc, that's spec'd in "./sites/all/themes/fusion/fusion_core/css/grid16-960.css":

...
/* gutters (2 x margin) */
.block .inner {
  margin-left: 10px;
  margin-right: 10px;
}
...

to override, i added to my subteheme's "local.css":

...
.block .inner {
  margin-left: 1px;
  margin-right: 1px;
}
...

then cleared cache, reloaded the page, and re-enabled GRID overlay.

unfortunately, there's NO change in apparent spacing ... it's still @ 10px.

what's the right way to override these spacings?

BenDJ

Comments

stephthegeek’s picture

stephthegeek commented
Status: Active » Fixed

They need to have a higher specificity in order to override the ones from Fusion Core -- body .block .inner {} should work

a5342346’s picture

a5342346 commented
Status: Fixed » Closed (fixed)
dsoundmn’s picture

dsoundmn commented

just wanted to add another note

if you don't want to override all of the blocks (i still want to figure out how to add a tag in skinr that does this w/o knowing the block ID) get the block id block-block-## and override it there

for mine

body .block#block-block-4 .inner,
body .block#block-block-6 .inner,
body .block#block-block-7 .inner {
margin: 0px;
}

hope this helps!

jeremycaldwell’s picture

jeremycaldwell commented

@dsoundmn, you can see a class to added to your block manually rather than or in addition to a pre-defined Skinr style. When you configure your block click on "Advanced Settings" and then enter a class in the field and you should be set.

http://dl.dropbox.com/u/15590475/Screenshots/2011-01-22_192.png

Clint Eagar’s picture

Clint Eagar commented

#3 works great, much thanks @dsoundmn!

pedrosp’s picture

pedrosp
Location Madrid, Spain
commented

I was going nuts too with this topic, the answer here:
http://fusiondrupalthemes.com/forum/using-fusion/overiding-block-inner

Note that there is no space before .block

.primary-menu.block .inner {
margin-left: 0;
margin-right: 0;
}