When using the default grid system you have the different css files for wide, normal and narrow. But when using fluid there is only normal. I would like to add a wide css file with a media query. How could I achieve this?

Thanks

Comments

kris digital’s picture

kris digital commented
Status: Active » Fixed

This was easy... I just edited the alpha.info file and added the css file. cool

grids[alpha_fluid][name] = Fluid
grids[alpha_fluid][layouts][normal] = Normal
grids[alpha_fluid][layouts][wide] = Wide
grids[alpha_fluid][columns][12] = 12 Columns
grids[alpha_fluid][columns][16] = 16 Columns
grids[alpha_fluid][columns][24] = 24 Columns

fubhy’s picture

fubhy commented

Don't edit the alpha.info file. Instead, use your subtheme.info file to do those customizations. Like that:

grids[subtheme_fluid][name] = Custom Fluid
grids[subtheme_fluid][layouts][normal] = Normal
grids[subtheme_fluid][layouts][wide] = Wide
grids[subtheme_fluid][columns][12] = 12 Columns
grids[subtheme_fluid][columns][16] = 16 Columns
grids[subtheme_fluid][columns][24] = 24 Columns

And then copy the proper grid css files from the alpha folder over to your subtheme. In the Omega docs on groups.drupal.org there is an entire chapter on how to create custom grids.

kris digital’s picture

kris digital commented

Ah I see, thank you, even better that way...

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.