line-height adjustment on text-link hover WordPress

• SOLVED

I have an issue where the background color of text-links blocks out the visibility of adjacent rows when in the 'hover' state, because the line-height is way too high.

The problem can be viewed on this page when hovering over the links: http://www.audiocompulsive.com/2011/10/music-biz-buzz/. (examples shown have <h5> tags)

Is there a way for me to adjust the line-height of that hover-state background color to match the overall line-height of the text?

my styles.css page code can be viewed here: http://pastebin.com/dLk6madc

Note: The [[LINK href="http://fthrwght.com/neuticaplus/"]]Neutica theme[[/LINK]] I am using is a child theme for Thematic, in case that info helps.

Thanks!

Answers (2)

2011-10-08

Luis Cordova answers:

you should just remove the styling of your a tag

@ style.css line 82

remove the padding and margin to 0px

```css
a {
text-decoration: none;
padding: 0px;
margin: 0px;
}
```
css @ themes/neuticaplus/style.css

---

Ant Lively comments:

Thanks Luis! That's what I was looking for.

2011-10-08

Romel Apuya answers:

remove the line height in your css for h5

line 229

.entry-content h5 {
font-size: 1.5em;
margin-bottom: 12px;
}

---

Romel Apuya comments:

or if you want you can also have the line height
just make your line-height and your font-size the same.

---

Romel Apuya comments:

so it would be

.entry-content h5 {
font-size: 1.5em;
line-height: 1.5em;
margin-bottom: 12px;
}

---

Romel Apuya comments:

i think it would be better if

.entry-content h5 {
font-size: 1.5em;
margin-bottom: 12px;

}

---

Ant Lively comments:

Thanks Romel,

Luis just beat you to it, and his solution is actually what I was looking for..