WordPress.org

Ready to get started?Download WordPress

Forums

Twenty Ten
Need to change the color of Tags and Categories Links (11 posts)

  1. enovatit
    Member
    Posted 1 year ago #

    Hello,

    As title states: I need to change the color of Tags and Categories links. I don't want to change the link color of any other link of my blog. Only the color of Title and Links of Tags and Categories.

    I am novice, so please inform in a little detail. I want these changes to be permanent. So even when I update the wordpress or theme, they remain intact.

    Thanks so much in advance

  2. alchymyth
    The Sweeper & Moderator
    Posted 1 year ago #

    without a link to your site, nobody will be able to comment on your problem.

    So even when I update the wordpress or theme, they remain intact.

    start by creating a child theme of Twenty Ten to work with; http://codex.wordpress.org/Child_Themes

    for general formatting problems, try working with a browser inspection tool such as Firefox' add-on Firebug to investigate which styles you need to edit;
    or ask at a css forum http://csscreator.com/forum

  3. WPWebs
    Member
    Posted 1 year ago #

    if u hv a little knowledge of css, you can get make it yourself by using firefox + it's add once "firebug".

    Thanks

  4. enovatit
    Member
    Posted 1 year ago #

    thanks for the reply.

    The website is scholarships-for-women.org On the Right Sidebar you see two widgets. I want to change the color of links of Tags and Categories(currently blue) , as well as the Title of these widgets(which is currently black)

    Note: I tried firebugs, but no luck.

  5. alchymyth
    The Sweeper & Moderator
    Posted 1 year ago #

    http://www.w3schools.com/css/css_link.asp

    .widget_tag_cloud a { color: red; }
    .widget_tag_cloud a:visited { color: green; }
    .widget_tag_cloud a:hover { color: orange; }

    this will change the links of 'tags' and 'categories';

    if you need separate colors, you need to make the formats more specific;

    for the 'tags':
    #tag_cloud-2.widget_tag_cloud a { ... }
    etc

    for the 'categories':
    #tag_cloud-3.widget_tag_cloud a { ... }
    etc

    I want these changes to be permanent.

    if you don't want to create a child theme to work with, consider using one of the custom css plugins http://wordpress.org/extend/plugins/search.php?q=custom+css, or the custom css section of the 'jetpack' plugin, to add the new styles.

  6. enovatit
    Member
    Posted 1 year ago #

    Thanks Alchymyth,

    Is it possible that I also able to change the Title of "Tag" and "Categories" widget to change into some other color, while the title of all other widget remains black?

  7. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    The code he gave you should do that. The tag_cloud-2 and tag_cloud-3 are specific to those titles only.

    Did you try it?

  8. enovatit
    Member
    Posted 1 year ago #

    @ WPyogi

    yes they are working fine except, the title of the widgets. what is the css code for the title of Tag Cloud widget?

  9. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    The code alchymyth posted is what you need to change the color of the widget titles. I don't see that code anywhere in your CSS code.

    And as he also said, unless you use a Child Theme or a custom CSS plug-in, your changes will not be saved when WP is updated.

  10. alchymyth
    The Sweeper & Moderator
    Posted 1 year ago #

    start by integrating the already given suggestions.

    helping with fine tuning formatting is not within the main scope of this forum;

    either ask at a css forum http://csscreator.com/forum -
    or try to work with a browser inspection tool to find out which styles are responsible for formatting those widget titles.

  11. enovatit
    Member
    Posted 1 year ago #

    Please check it now:

    http://www.scholarships-for-women.org/

    You can see I successfully changed the color of links in both 'tag' and 'categories' but I am still unable to change the color of Title

    Is there a way I can remove this Title completely?

    thanks for you help

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic