created a grid 24-960 using the fusion accellarator
and have succefully enable it (include it in css folder and refer to it in .info file)

when I press the grid button I get the reddish background and box defining dotted lines but gutters are not shown
I even put the css and reference into the .info files of fusion core and run clear cache

Comments

giorgosk’s picture

I even cleared the theme registry
with no luck

esmerel’s picture

Category: feature » bug

I'm not sure if this should be here or in accelerator - I'll leave it here for the moment, but I'm changing it to a bug report for the time being.

aquariumtap’s picture

StatusFileSize
new65.97 KB

Did you create a theme setting for your new grid file in the .info file? Eg:

settings[theme_grid] = grid24-960
settings[theme_grid_options][] = grid24-960
settings[theme_grid_options][] = grid24-fluid

After that, you must select your new grid in the theme's settings. See screenshot.

Here are more detailed instructions on creating a custom grid.

aquariumtap’s picture

Status: Active » Postponed (maintainer needs more info)
giorgosk’s picture

Status: Postponed (maintainer needs more info) » Active

yes I have created this line in the .info file

;not needed since its sets option to default
;settings[theme_grid] = grid24-960
settings[theme_grid_options][] = grid24-960
;not needed since I don't want fluid option for 24 grid
;settings[theme_grid_options][] = grid24-fluid

and after clear cache I get the option to enable it as a valid grid setting
and the theme DOES behave as a valid 960 24 column grid

only problem the grid button that creates the visual overlay does not display the gutters

giorgosk’s picture

StatusFileSize
new24.06 KB
new54.72 KB

here is some screenshots

aquariumtap’s picture

Project: Fusion » Fusion Accelerator
Version: 7.x-2.x-dev » 7.x-2.0-alpha1

This is indeed a bug. Accelerator is generating outdated CSS.

You need to change this:

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

To this:

/* gutters (2 x margin) */
.gutter {
  margin-left: 15px;
  margin-right: 15px;
}

Renaming that class from .block .inner to .gutter should fix the problem in your grid CSS, and restore your gutters.

I've updated the code in Accelerator and will put out a new release shortly.

giorgosk’s picture

Yes this does the trick
thanks

aquariumtap’s picture

Status: Active » Needs review
StatusFileSize
new1.62 KB

Great! Here's a patch to fix the code generator.

aquariumtap’s picture

Status: Needs review » Fixed
aquariumtap’s picture

Status: Fixed » Closed (fixed)