Problem with CSS after recently Acquia Drupal update

I installed the Acquia Drupal new version 1.2.10 a couple days ago, going through all the steps just the same as with previous updates (although I haven't been backing up the database). However this time after running the update.php and clicking on the Home page link, I didn't see the "content top" block of any page. Finally I scrolled down and noticed it is at the bottom of the page.

My colleague looked at the source code for a page and He said the Div id ="content-wrapper" appears to be behaving as if there were a "clear: left" command in the CSS... and so the "content top" block appears below the left side bar instead of taking it's proper position at the top of the page below the header and just to the right of the admin side bar.

We don't know how this could have happened, or what file to fix it in.

I'm using a sub-theme of Acquia Marina. I created the sub-theme following instructions in this video:
http://gotdrupal.com/videos/drupal-theme-makeover
The only changes I've made so far were a small modification to the node-image.tpl.php file, and changing some of the theme colors. But these changes happened way before doing the recent 1.2.10 update.

Just now I did a test of reverting back to the main Acquia Marina theme as Default, and the blocks go back to showing in the right place. So, something happened to our sub-theme, but I can't tell what.

I'm sorry, a correction to

Posted on June 23, 2009 - 9:58pm by Sannyasin Sivak....

I'm sorry, a correction to the above is that I actually created the subtheme following these instructions:
http://acquia.com/blog/s-files-customizing-theme-sub-theme

Joshua Brauer's picture
Joshua Brauer
Acquia Staff

Hi Sannyasin, This generally

Posted on June 24, 2009 - 12:24pm by Joshua Brauer .

Hi Sannyasin,

This generally happens when the theme you're inheriting from introduces new styles or updates their styles and the sub-theme isn't overriding them. Generally you should be able to update the css files in your sub-theme to incorporate or account for the fixes.

One way to look for where the directive you want to override is coming from is to install the Firebug plugin for FireFox. (http://getfirebug.com/) and use it to "inspect" the element that is not flowing as you'd like. You can then see what directives are applied as well as what happens if you add different directives to the existing CSS.

Thanks,
Josh
Acquia Technical Assistance Center

Post new comment