CSS for Twenty Ten sidebar widget details

  • My recent post entries in my sidebar highlight the author name and the topic title in the same way so that it can be hard to distinguish which is which. I would like to be able to make that highlighting different for each, or perhaps not highlight the author name at all.

    I can see how to do gross changes, but how would I do this?

Viewing 3 replies - 1 through 3 (of 3 total)

  • as this does not seem to be a standard widget of twenty ten, could you post a link to your site to illustrate the issue.

    you could try to get the css ids and/or classes of the author and topic links from the html code in the browser, or use a tool such as firebug or firefox web developer add-on.

    Thread Starter sonacoach

    (@sonacoach)

    I see what my issue really is. It’s when I get a pingback comment. In that case the pingback address is put in the author name slot and is highlighted as a link and therefore appears the same as the title of the post.
    If a user clicks on the pingback instead of the post they go to the site referred to by the pingback rather than viewing the post in which the comment was made and visiting the pingback site from there if they wish.

    I’m not sure what I want to do about that yet, but I may want to remove the pingback link from the Recent Comments widget but leave it in the post comments.
    Sorry if this is confusing but I’m just not sure what I want to do yet. btw, this part of Twenty Ten is standard.

    you are talking about the recent comments widget?

    you can style the link to the post:

    .widget-area .recentcomments a { color: #006633; }
.widget-area .recentcomments a:hover { color: #FF9933; text-decoration: none; }

    the first link (the author’s url) with:

    .widget-area .recentcomments a.url { color: #555; text-decoration: none; }

    use your own set of colors and text-decoration;

    this way, the post link is more obvious, and changes style on hover, while the pingback/author’s link is ‘camouflaged’

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘CSS for Twenty Ten sidebar widget details’ is closed to new replies.