Table hover/styling remove on only 1 page

**GK User** Wed Jul 17, 2013 4:50 pm Reply with quote Report this post

hi

http://test.foodgenique.nl/
i've added a new position (above the menu)

i placed a table here with the logo + title. unfortunately hovering over the table gives a grey color. can this be undone for only the home page?

regards
melvin

**GK User** Wed Jul 17, 2013 5:58 pm Reply with quote Report this post

Yes

Code: Select all: div.newstyle div.custom tr:hover {background: inherit;}

Please read first about adding custom CSS:
http://www.gavick.com/documentation/joo ... -template/

**GK User** Wed Jul 17, 2013 6:40 pm Reply with quote Report this post

okay great. do you know a way to remove the 1 pixel border, i have tried, but it's still there.

i want to override this only on the main page:

tbody tr td {
border-bottom: 1px solid #eee;
padding: 8px
}

**GK User** Wed Jul 17, 2013 6:49 pm Reply with quote Report this post

Code: Select all: div.newstyle tr td {border-bottom: none;}

This should do the trick.

**GK User** Wed Jul 17, 2013 6:54 pm Reply with quote Report this post

thanx mate. if you could explain what you did, that saves me some future posts

**GK User** Wed Jul 17, 2013 8:06 pm Reply with quote Report this post

1. Used firebug/google chrome web developer tools
2. went through every element (going inside) beginning from table and added to it border:none checking at the same time, when border dissapear
3. this way found that the border is on td element
4. used Stylebot in chrome which allows to inject custom css to page and created working definition
5. tbody sometimes doesnt work correctly as selector