How can I change the size of the grid? [#2214833]

Hello

Can I just say this theme is perfect for designing sites, and thank you! However I'm in the process of designing two more sites of which I aim to use a sub theme of Omega. However I'm just thinking, is it possible, and if so how, can I change the size of the grid from 960px? One site I'm designing I would like to be 1100px.

Thank you for reading.

Comments

Comment #1

minneapolisdan CreditAttribution: minneapolisdan commented 11 March 2014 at 14:23

If you're using Omega 3, you can make your own custom grids at whatever size you like. Read this helpful wiki, https://groups.drupal.org/node/164684

Comment #2

carlbowles100 CreditAttribution: carlbowles100 commented 26 March 2014 at 14:22

Thank you for your quick reply. I've set one of my sub themes to use the default grid (960px) in the themes settings, however when I view the theme, the grid is a lot wider than 960px. If I take a screen shot of the grid area using Windows' snipping tool, the actual size of the grid is 1184px.

Are you able to tell me why it's not 960px which is my desired width?

Cheers

Comment #3

carlbowles100 CreditAttribution: carlbowles100 commented 26 March 2014 at 14:34

I've just realized that it's picking up the css for alpha-default-wide

Comment #4

carlbowles100 CreditAttribution: carlbowles100 commented 28 March 2014 at 11:57

Sorry I'm getting a bit confused. I need a grid that has a maximum width of 950px - should I use the link you provided above to create a whole new grid or can I just use a some css ?

Thank you

Comment #5

minneapolisdan CreditAttribution: minneapolisdan commented 28 March 2014 at 14:30

If you want a custom-sized grid, then you need to make some files, as described in the linked post above. Follow the steps as indicated there, and you'll end up with a copy of the default CSS files for 960 grid. Then you can plug in your own values to make a grid that's 950px wide (or whatever grid you like). You'll simply make some changes to your .info file, make a 'grid' folder inside your theme CSS folder, and have your custom grid CSS there. And then select your custom grid in the layout settings (admin/appearance/settings/yourTheme).