CSS Hover Link Issues

[fattony69]

Hello,

I am trying to make the "More-From-Category" links identical to the "more-links" in the middle. Despite using the same CSS to work with it, it somewhat works. The hover works. The hover works on the text only when the mouse is above the text. Also they are only clickable on the text. This is compared to the "more-links" which the whole bar is clickable and the hover text change works anywhere on the bar. How can I get the "More-From-Category" the same as "more-links"? Here is the CSS I use:

.home-middle a.more-link, .home-slider a.more-link, .archive-link, p.more-from-category {
  background-color: #DFDEDE;
  clear: both;
  color: #E42642;
  display: block;
  font-size: 14px;
  margin-top: 20px;
  padding: 8px 10px;
  text-align: center;
}

Thank you very much

http://bunziez.com/edm/

[Pixel Frau]

You're targeting the paragraph, not the link. Add an a after the paragraph class:

p.more-from-category a

[fattony69]

Thank you for the help. How would I go about fixing it?

[Pixel Frau]

By doing what I said above. Replace p.more-from-category with p.more-from-category a.

[fattony69]

Wow. I feel so stupid. Thank you.

[Author]

Posts