Yesterday, I watched several video tutorials on the new Omega theme for Dupal 7. It was created by Jake Strawn who also created the Delta module. I am convinced this is the base theme for my website and together with the Delta module and the required Context and CTools modules, it will provide everything I need. I am not happy with the "box" look that he 960 grid system seems to impose on the layout of the webpage, but I am determined to see if I can think outside the "box".
The Omega theme is unlike any I have used before. One look at the omega.info file will show that this is not your ordinary Drupal theme. I am intimidated just scanning through that file! How do I add my own CSS? Whay are there some many different CSS files?
I have so many questions that were not answered in the introductory-level videos, but they gave me enough information to decide the challenge would be worth the effort. I will post whenever I learn something new. As of this time, I am using the Omega 3.x version, and there is no documentation posted yet for that version. It appears from my reading of the 2.x version documentation, that enough has truly changed to make reading the older instructions mostly useless.
The first thing I noticed about using the Omega theme was in using the CKEditor via the WYSIWYG module, I could no longer see some markup in the editor window. Unnumbered and numbered lists did not display the bullets or numbers for instance. CKEditor has a setting for what CSS file to use for the editor. The default setting was to use the theme CSS, but that was not working of course. Through trial and error, I changed it to point to the omega base theme file "omega-text.css" in the sites/all/themes/omege/omege/css folder. I can see the bullets now, although the seem to be moved a bit to the left still, especially when adjacent to an image. It looks fine on the browser page, so it is only a minor annoyance for now. I hope to find the exact CSS file I need so the CKEditor window output is the same as the browser display. O course, when you are using a different theme for administration and editing then for display, you need to modify even more files.
Another CSS problem I needed to address right away was that Taxonomy Tags displayed after the content was displayed vertically. I wanted them to be in a line horizontally, if possible. In order to geet this effect, I had to modify the style.css file to include the following:
.field-type-taxonomy-term-reference .field-item {
display: inline;
float: left;
margin-right: 1em;
}
That brings me to yet another idea for My Drupal Journey; a to-do list, with problems and solutions. I will have to give that some more thought.
Add new comment