• Hi,

    My website uses Wisdom of Life theme. I have been trying to change the colour of hyperlinks included on the website, but everything I have tried has failed. I have gone through my stylesheet and added code like this:

    a {
    outline:none;
    text-decoration:none;
    color: #CC0068;
    }

    and even changed all the ‘a …’ sections to the colour I want #08000 but nothing has changed.

    If anyone can help me it would be very much appreciated.

    My website is:

    http://pinpointpolitics.co.uk/

    Thanks,

    Scott

Viewing 13 replies - 1 through 13 (of 13 total)
  • Try using a browser tool like Firebug – which will show you the relevant CSS for any element on a page. Then COPY that CSS to a custom CSS option or plugin. Don’t modify theme files or your changes will all be lost when the theme is updated.

    For specific help, you should ask the developer of your theme as commercial themes aren’t supported on these forums:

    http://themeforest.net/item/wisdom-of-life-ngo-and-charity-theme/1778657

    Hi

    you css is being overridden by the theme css.

    I’m never sure why theme developers opt to use media all when setting basic things like color.

    Try adding

    @media all{

    a {
    outline:none;
    text-decoration:none;
    color: #CC0068;
    }

    }

    Alternatively use a quick cheat and use the !important option if you want to just keep the changes to different classes such as paragraphs.

    a {
    outline:none!important;
    text-decoration:none!important;
    color: #CC0068!important;
    }

    Thread Starter se6129

    (@se6129)

    Thanks for the quick responses!

    Kevin, I tried adding those two bits of code to my stylesheet and the links did not change colour. I put the @media all one at the bottom of my style sheet and after I put the second one in my General Rules section. Am I doing something wrong?

    Thanks a lot,

    Scott

    Hi Scott

    are you using a child theme to make the changes?

    kevin

    Thread Starter se6129

    (@se6129)

    No, I have not been using one.

    I am still relatively new to editing themes. I will do this if it is the safest way of making the changes

    Scott

    Thread Starter se6129

    (@se6129)

    Would that override the existing theme and allow me to make these changes?

    Thanks,

    Scott

    Hi Scott

    If you are using a facility offered by the theme itself then you will need to contact the theme developers about the issue.

    I thought you had set up a child theme and could not make the changes.

    Sorry but I think WPYogi answer is the solution.

    Kevin

    Hi Scott

    Setting up a child theme is the safest way of making adaptions to a theme and will also mean if the theme gets updated you are less likely to lose your customisations.

    Learning about child themes is a very good start to learning about the flexibility of styling with WordPress so is a good skill to have

    Thread Starter se6129

    (@se6129)

    Okay. Thanks a lot for the guidance! I am currently trying out WPYogi’s solution and I will set up a child theme if that doesn’t work.

    Cheers,

    Scott

    Thread Starter se6129

    (@se6129)

    Thanks Kevin.

    I have just noticed that the hyperlink colour changes I attempted with the code you recommended have worked in Firefox but not in Chrome!

    err

    have you tried clearing the browser cache using f5 in case the css is being stored locally?

    Thread Starter se6129

    (@se6129)

    That’s worked!

    Thanks a lot for your help (and patience with a novice!). It is really appreciated.

    Scott

    no problems scott

    just remember that whenever you do any themeing always refresh your browser using f5. That way the browser will always check and bring back the latest files.

    If you just use the browser refresh then it can use the locally stored files rather than call the new adapted file.

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

The topic ‘Changing hyperlinks colour in theme – not working!’ is closed to new replies.