Changing Active Link Color

  • Resolved sam132

    (@sam132)


    14 years, 9 months ago

    Hi Guys,

    I want to change my active link color to the traditional blue color (#0000FF) it’s currently red.

    Here’s my stylesheet code – can anyone point out what needs changing?

    [CSS moderated – the link to your site is enough to access the stylesheet]

    Many thanks,

    Sam

    P.S. Incase you need it here’s a link to my site: Hotgadgetsblog.com

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

    (@alchymyth)

    14 years, 9 months ago

    there are many different link color styles in the stylesheet; simply work your way through the style.css and change the color code where you need.

    for instance:

    #breadcrumbs a {
	color: #990000;
	text-decoration: none;
	font-weight: bold;
}

    but there are many more…

    wpsuperhero

    (@wpsuperhero)

    14 years, 9 months ago

    Hi
    Sam just go to your theme folder and edit default style.css
    Look for a:active and change colour.

    [signature moderated per forum rules]

    Thread Starter sam132

    (@sam132)

    14 years, 9 months ago

    Hi guys,

    I changed all the link colors which were #990000 (the red color) but my links are still red! Anymore tips?

    Sam

    Michael

    (@alchymyth)

    14 years, 9 months ago

    apart from the calendar links, all links are squeeky blue –

    clear the browser cache by pressing the ‘reload’ a few times, or press ‘CTRL F5’

    calendar links (in style.css about 2/3rd down):

    #wp-calendar a {
	color: #993300;
	text-decoration: none;
	padding-top: 1px;
	padding-right: 5px;
	padding-bottom: 1px;
	padding-left: 5px;
	display: block;
	font-weight: bold;
}

    wpsuperhero

    (@wpsuperhero)

    14 years, 9 months ago

    Hi Sam,

    Looks all good to me.

    Rob

    [signature moderated per forum rules]

    Thread Starter sam132

    (@sam132)

    14 years, 9 months ago

    Hi,

    I managed to work it out, I just had to figure out which hex code the red color was and then could just work my way through changing the link colors as I wished.

    Thanks all,

    Sam

    wpsuperhero

    (@wpsuperhero)

    14 years, 9 months ago

    quick tip for replacing this type of code:

    open the css file in dreamweaver,
    go to find and replace
    put the find colour or code
    then the replace code,
    this will replace all instance of red to blue,
    upload file all done 🙂

    [signature moderated per forum rules]

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

The topic ‘Changing Active Link Color’ is closed to new replies.