Changing Sidebar Text Colour

  • Resolved sam132

    (@sam132)


    15 years ago

    Hi There,

    My left side bar contains links to my sites internal pages. Is there anyway I can change there color from the natural blue link color to black, while keeping them as links?

    Thank,

    Sam

Viewing 8 replies - 1 through 8 (of 8 total)
  • Michael

    (@alchymyth)

    15 years ago

    in style.css of your theme:

    the lines starting with:
    /* Links */

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

    (this will effect all links in the site)

    Thread Starter sam132

    (@sam132)

    15 years ago

    Thanks,

    So theres no way i can change the link colour of just those links in my side bar?

    Could I not create a special class for them in the links box?

    Sam

    Michael

    (@alchymyth)

    15 years ago

    there is – add new styles such as (in order of increasing specificity):

    #leftside a { ... }

    or

    .menu-custom-left-container a { ... }

    or

    #menu-custom-left a { ... }

    Thread Starter sam132

    (@sam132)

    15 years ago

    What would I need to add between the {} to make the link black, and where else would I need to add it?

    Many thanks,

    Sam

    Michael

    (@alchymyth)

    15 years ago

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

    that should be enough – why anywhere else?

    btw:
    css is essential for modifications and is easy to learn:
    http://www.w3schools.com/css/default.asp

    Thread Starter sam132

    (@sam132)

    15 years ago

    Thanks for the info on custom containers, what would I need to add to my sidebar.php to make it work?

    [CSS moderated as per the Forum Rules. Please just post a link to your site.]

    Thanks,

    Sam

    Michael

    (@alchymyth)

    15 years ago

    Thanks for the info on custom containers

    ? i am not aware that i pointed to anything about custom container ?

    these:

    #leftside a { ... }
.menu-custom-left-container a { ... }
#menu-custom-left a { ... }

    are all existing css ids or css classes of your theme.

    to give the links a black text font, simply add color: #000; in place of the dots ...

    —-
    if you change the stylesheet, and don’t see the changes immediately in your site, press the ‘reload’ button on the browser; or press CTRL and F5 simultanously.

    Thread Starter sam132

    (@sam132)

    15 years ago

    Woop!

    It worked a treat! Ended up not going for black as it made the site look boggy!

    Thank-you 🙂

    FYI I added the line in the link section rather than the sidebar the exact line I used was: #leftside a {color: #000;}

    Merci,

    Sam

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

The topic ‘Changing Sidebar Text Colour’ is closed to new replies.