By Robardi56 on

Hi,
I use garland theme, and whenever I add a table in a block, a views header etc etc..... the table is systematically displayed with a grey top border.

I can't identify where in the style it is controlled, and can't find a way to get rid of it with forcing the style.

Any help appreciated.

Thanks,
Brakkar

⋅ Categories: Drupal 5.x

Comments

nevets’s picture

nevets commented

You will find the grey bar comes from two locations, the table header (thead) and table body (tbody), adding the following css should do the trick

thead th {
  border: 0;
}
tbody {
  border: 0;
}
polmaresma’s picture

polmaresma commented

Same issue with ZEN as you can see it
http://www.festivalshakespeare.com/materialgrafic
any ideas?

these CSS doesn't work for me :(

Pol Maresma
PolNetwork.com

Pol Maresma
PolNetwork.com

BigMike’s picture

BigMike commented

I know this thread is very old, but I had the same issue, also using ZEN, and finally figured it out. Seeings how this reply was never answered I decided to chime in (almost 10 yrs late!).

This is for Drupal 7 and Zen 5.

The file, themes/zen/STARTERKIT/css/components/misc.css, has the following:

tr.even,
tr.odd {
  background-color: #eee;
  border-bottom: 1px solid #ccc;
  padding: 0.1em 0.6em;
}

I had tried everything and could never figure this out. Finally got it!

Either edit that file (not recommended) or add this to your own theme's CSS:
tr.even, tr.odd { border-bottom: 0; }

Done!

Regards,
BigMike

brettsmith’s picture

brettsmith commented

I'm a complete drupal noob and I had the same problem with that annoying grey border, but it's quite simple to fix.

The border comes from the system.css style sheet, located in /modules/system/system.css, where the following styles are set:

tr.even, tr.odd {
  background-color: #eee;
  border-bottom: 1px solid #ccc;
  padding: 0.1em 0.6em;
}
td.active {
  background-color: #ddd;
}
tbody {
  border-top: 1px solid #ccc;
}
tbody th {
  border-bottom: 1px solid #ccc;
}
thead th {
  text-align: left;
  padding-right: 1em;
  border-bottom: 3px solid #ccc;
}

To override these borders, background colors etc just copy the above styles into your themes style sheet (style.css) and make the appropriate changes to each style i.e. border-bottom: 0; !!!!

Hope this helps someone.

summit’s picture

summit commented

Hi,

This snippet helped me a lot!
Thanks a lot!
greetings,
Martijn

anishvinoj’s picture

anishvinoj commented

Also i wandered for almost two hours to find the solution atlast your solution to embed the following codes in style.css helped me

thead th {
border: 0;
}
tbody {
border: 0;
}

and now that grey line is not displaying ,

Thanks,
Anish

Anonymous’s picture

Anonymous (not verified) commented

This code helped me too :

thead th {
border: 0;
}
tbody {
border: 0;
}