Hello,
I have been tasked with finishing the conversion of our intranet site to Drupal as the person who started the process left before it was completed. The previous person has done most of the work in Drupal 5.x, including customizing our public Internet site's custom Drupal/Zengine theme to fit our intranet. This was all well and good until it became apparent that we needed our Intranet site running Drupal 6.x for the added benefits in the Views module, which means no Zengine. I have been able to convert the theme over without issue, save one. The font sizes seem to be really wacky. They were the correct sizes and everything looked fine under 5.x. However, they now are significantly smaller than they were prior to the upgrade. I have been unable to get them to look as the did before, though I am dangerously close to novice level CSS knowledge, so it may be my fault.
Has anyone had similar issues with upgrading and converting a Zengine based theme to 6.x? Can someone explain the path the CSS declarations take through a Zengine based theme under Drupal 5.x? Perhaps that will help me understand what I'm missing.
Comments
hopefully this helps a little...
i'm in the middle of completing my first REALLY customized Drupal theme, and i can tell you the CSS can get quite complex. granted, i havent looked at Zengine or your particular theme, but it might be helpful for you to read up on CSS specificity and download both the Firebug extension for the Firefox browser and the Theme Developer module for Drupal. I've found the combination of the two indispensable for locating and overriding complex CSS and for locating which module/node/block/etc is generating specific pieces of html.
To get more help here in the forums, it might be helpful to state which theme you have chosen to use or modify (assuming you didnt start from scratch).
back to specificity, it also might be helpful to search through your style sheet for broader CSS declarations such as
p {....;}orbody {font-size:.....;}and see how far reaching their control is. you can then use firebug to find specific tags that are controlled by more specific CSS declarations. eg.clear-block p {....;}..clear-block p {....;}gives you both more fine grain control over the paragraph tag and overridesp {....;}this might show up in your html as:
<div class="clear-block"><p>Some text</p></div>and in the above case, changing
p {....;}will not effect it. Reading up on CSS Specificity should help make this clear. i kinda like this article: http://www.stuffandnonsense.co.uk/archives/css_specificity_wars.htmlbrendan, fresh-off.com
Creative Direction & Consultation: Web | Print | Brand
http://fresh-off.com
seatte.usa