Need help? Check out our Support site, then


adelle theme - hover colors

  1. hi! i'm currently using adelle theme with css access. can you tell me how to change the hover color for links in the body text as well as the sidebar? thank you!

    The blog I need help with is thekrispybits.wordpress.com.

  2. Do you want only the links in the post and page content, and in the sidebar to have different hover colors, or do you also want the categories and tags and post titles to have a different hover color?

  3. i'd love to do the links in the post and sidebar (archives) as well as the categories and tags. i've already coded the post titles to change to hover yellow.

  4. Add this and then edit the colors as desired.

    .entry-meta a:hover, .entry-content a:hover {
        color: #CC0000;
    }
    
    .widget a:hover, #secondary #flickr_badge_uber_wrapper a:hover, #secondary #flickr_badge_uber_wrapper a:hover, #secondary #flickr_badge_uber_wrapper a:hover, #secondary #flickr_badge_uber_wrapper a:hover {
        color: #CC0000;
    }
  5. thank you! plugged in your code and it looks perfect.

    is there anyway to get the links within each blog post to hover a *different* color (than what we coded above-categories and tags)? i used your entry&secondary css in black but would like to have the post body text hyperlinks in black and hover yellow...

  6. Yes, just split up this part of the CSS into two separate rules:

    .entry-meta a:hover, .entry-content a:hover {
        color: #CC0000;
    }

    Like this:

    .entry-content a:hover {
        color: #000;
    }
     .entry-content a:hover {
        color: #CC0000;
    }
  7. thanks! i plugged in your code like this:

    .entry-meta a:hover,
    .entry-content a:hover {
    color: #000000;
    }
    .entry-content a:hover {
    color: #fac32d;
    }

    ... but the links within the post aren't hovering any different. the #fac32d is the piece that's not working. the #000000 is just fine.

  8. I think this is because you have HTML coded into the posts directly.

    For example, I looked at this post:
    http://thekrispybits.wordpress.com/2013/04/30/capella-breakfast-on-the-canal/

    In Text mode:
    http://en.support.wordpress.com/editors/#text-editor

    And found the HTML for first link for the text "Capella"—here's what it's set to:

    <span style="color: #000000;"><a href="http://www.facebook.com/pages/Capella-Washington-DC-Georgetown/243280872449673"><span style="color: #000000;"><strong><span style="color: #000000;">Capella</span></strong></span></a></span>

    That's really messy. It looks like you used the visual editor to change the colors directly a whole bunch of times. That, or you copy and pasted the content from another source and the underlying HTML came along with it. Regardless of how it got like that, you're likely to have a lot of trouble applying CSS to messy HTML like that, and I would recommend cleaning up the HTML. In the case of the link above, I would change it to:

    <a href="http://www.facebook.com/pages/Capella-Washington-DC-Georgetown/243280872449673">Capella</a>

    Try editing a few of the links so they're formatted correctly.

    Also, the CSS you posted has a duplicate/conflicting rule in it. You've added ".entry-content a:hover" twice. If you want the links to be black by default, use ".entry-content a" instead of ".entry-content a:hover" in the first rule.

  9. ok, thanks for all your help! do i understand correctly that if i've gone and coded body text in a color (black) directly i cannot set those words to hover in another color through the css? my end goal was to be able to use black and bolded text for links and then have those hover in yellow.

    i did go in and re-do the messy coding you mentioned!

  10. ok, thanks for all your help! do i understand correctly that if i've gone and coded body text in a color (black) directly i cannot set those words to hover in another color through the css?

    It's not completely impossible to color the text with CSS *after* you code the body text (depending on the HTML you used and exactly what you want to change), but it could get really messy and confusing really fast, so I wouldn't recommend it.

Topic Closed

This topic has been closed to new replies.

About this Topic