By hruodland on

Hello!

I just upgraded from 4.7 to 5.0 and have an odd problem with Chameleon.

The new version puts what looks like a 1px horizontal border between the header, with the site name and slogan, and the main section with the content. The old one didn't.

I'd like to get rid of the visible border but can't figure out how. I don't see any difference between the old and new version of chameleon.theme that would account for the difference. It doesn't have anything to do with common.css or style.css, because the visible border remains even if I remove them. I've fiddled with various things (e.g., substituting "border-style: none" for "border-collapse: collapse" in common.css) but no luck.

I should say that my chameleon.theme is slightly hacked to put in a mission statement, but it's the same hack I used with 4.7, and the visible border is there using chameleon.theme 5.0 out of the box.

If it matters, I'm using Firefox 2.0 under Linux and my site is http://turnabout.ath.cx:8000/.

Thanks for any enlightenment!

⋅ Categories: Drupal 5.x

Comments

notarealperson’s picture

notarealperson commented

I had this same line pop up on my theme after upgrading to 5.0, and mine is an altered bluemarine.

Any ideas?

thom k in the usa@thisiswhatdemocracylookslike.com’s picture

thom k in the usa@thisiswhatdemocracylookslike.com commented

I've noticed this same problem after upgrading from Drupal 4.5 to 5.1, but the top content border only manifests in Firefox, not IE 7.

CrisN’s picture

CrisN commented

yeh, same problem in my site
ocio criativo

notarealperson’s picture

notarealperson commented

Either of you two figure this out yet?

hruodland’s picture

hruodland commented

I notice though that there's also a fainter line between the site name and the site slogan.

hruodland’s picture

hruodland commented

If you go to modules/system/system.css and change

tbody {
border-top: 1px solid #ccc;
}

to

tbody {
border-top: none;
}

then the line disappears. You could also put the second piece of css code in your css file for the theme you're using.

notarealperson’s picture

notarealperson commented

Strange - this did not do the trick for me. Ugh!

litwol’s picture

litwol commented

thank you!

this worked out wonderfully for me.

Sometimes something interesting appears on http://litwol.com

crandell’s picture

crandell commented

I had this same problem -- I tried removing my style.css file and the line was still there! But hruodland's solution worked. Thanks!

libre fan’s picture

libre fan commented

Many thanks for this tip. I suspected this tbody was the problem, but I'd never have thought of pasting this piece of CSS into the Chameleon common.css file.

You may need to reload the page after this change in CSS to see the border gone.
cheers
---
Libres-Ailé(e)s (Association for Linux and libre software) (France, Cévennes)

jordanmelnick’s picture

jordanmelnick commented

I saw that you helped others with a similar question. I am wondering if you knew how to eliminate the space between the slogan and the top border of the body in the Chameleon theme. I would like the thin gray border line to be right under the slogan. Thanks for the help!

drupalfantwo’s picture

drupalfantwo commented

Many Thanks!

If it still did not work for you

backup chameleon and system folder
upload a fresh copy of the folders
modify system.css as indicated

good luck!
:)

inkedout’s picture

inkedout commented

On Drupal 6, works.

inkedout’s picture

inkedout commented

However, your Victory! code still works like a champ.
Cleared the caches in Performance, ran Cron. Just lovely. So glad Chameleon is now for Drupal 7.
Thanks again hruodland!