Need help? Check out our Support site, then


Font colour customisation

  1. My links are appearing in blue shadowed font - how do I fix this? I just want them to be orange, as per the rest of my site style.

    The widget links in the footer are also invisible, appearing transparent against the background - does anyone know how to fix this?

    I use the Vostock theme.

    Thanks for your help!

    The blog I need help with is copy-fox.com.

  2. You set the blue color in your custom CSS. Edit the color to what you want and then add the second declaration below to get rid of the text shadow.

    #header a:link, #header a:visited {
    color: #0099CC;
    text-shadow: 0 0 transparent;
    }

    You also have a "hover" color set here in case you want to change that too.

    #header a:hover, #header a:active, #header a:focus {
    color: #FFFFFF;
    }

    You again need to edit the font color you have declared in your custom CSS.

    .widget-area a:link, .widget-area a:visited {
    color: #FF9900;
    }

    You also might want to edit the font color in the footer.

    #footer a:link, #footer a:visited {
    color: #FF9900;
    }
    
    #footer a:hover, #footer a:active, #footer a:focus {
    color: #FFFFFF;
    }
  3. Thanks thesacredpath - very helpful, I'm much happier with the way it looks - your advice cracked it! :)

  4. You are welcome.

Topic Closed

This topic has been closed to new replies.

About this Topic