Closed (fixed)
Project:
Omega
Version:
7.x-3.x-dev
Component:
Miscellaneous
Priority:
Minor
Category:
Support request
Assigned:
Reporter:
Created:
25 Oct 2011 at 15:45 UTC
Updated:
20 Dec 2011 at 12:01 UTC
Jump to comment: Most recent file
Comments
Comment #1
filnug commentedMaybe I should ask my question in a different way...
How can I define my own 960 grid with omega theme ?
On http://omega.developmentgeeks.com/ is written
Comment #2
modulist commentedIf you have the alpha them enabled and you create a new omega child theme, you should see a slew of files in /sites/all/themes/yourtheme/css/.
You can modify the numeric values in each of those files, starting with yourtheme-alpha-default-normal.css. I created an 880-px grid based on a 16-column 960 grid (minus 5px in each column). This gave me a very slim look and feel with 40 extra pixels of white space in each margin.
Here's the formula I used:
(column number * (column width + (2*margin))) - (2*margin)For the 880 pixel grid with 35-pixel columns and 10-pixel margins, this turned out to be
(n*(35+(2*10))) - (2*10)or more simply
(n*55) - 20Below is the code for the re-written column widths. I've also attached the full CSS file which you can use for reference. This should give you an idea of how to modify all the remaining measurements.
I'd love to see how to best implement this without overwriting the 960 grid, so that you can use a custom grid *and* the default 960 grid in a site.
Comment #3
filnug commentedThank you for your complete answer! :-D
My default css file in mytheme/css have different files :
- yourtheme-alpha-default.css
- yourtheme-alpha-default-normal.css
- yourtheme-alpha-default-wide.css
- yourtheme-alpha-default-narrow.css
I imagine that every css file can be modified for a normal, wide, narrow or fluid grid.
You talk about the Alpha theme and I recently used an Omega subtheme. Looking the Alpha and Omega base themes, I can see they looked a bit different.
Do you advice to use only the Alpha subtheme when a custom grid is needed?
Thank you again
Comment #4
modulist commentedI have both Alpha and Omega enabled (along with the omega tools module).
If you do create a custom grid, then I strongly urge you to create a child subtheme, and make all your edits in the subtheme, not in Alpha or Omega. You'll need to have the omega_tools module installed to create a subtheme the easy/automatic way.
In answer to your question : maybe you don't need to have Alpha enabled at all -- it's not clear in the theming documentation if Alpha is merely a library of source code to borrow from for your subtheme.
Comment #5
dhalbert commentedI too was struggling with this, and then found this very clear writeup in the Omega wiki: Creating and Setting up a Custom Grid for Omega 3.x.
By the way, you don't need to have any Alpha or Omega themes enabled except for your actual subtheme.
Comment #6
filnug commentedThank you both of us for your answer ! I didnt had time to test it properly, but it looks pretty clear that it is possible to keep omega and use own grids.