Changing link and hover colour on a SINGLE page

  • Unknown's avatar
    spiralsofdanu · Member ·

    Hi All,

    I am editing the following website: http://ju-jitsu.co.uk/

    I did not set the site up, but have inherited it.

    Throughout the website, the basic link colour is PURPLE, and when the mouse hovers, it is red.

    And this is fine.

    However, on a single page (http://ju-jitsu.co.uk/upcoming-events/) we want to change that to BLACK text, and then when the mouse hovers over, to be red.

    Bearing in mind I am not an expert in CSS, can someone please give me a step-by-step idiot’s guide to achieving this.

    Many thanks.

  • ehtis · Staff ·

    Hi there,

    Just to let you know, you don’t have a hosted WordPress.com blog, rather, a self-hosted install of WordPress software from WordPress.org. The appropriate forum where you should be posting for future requests can be found here.

    Still, I did work out the CSS code for that specific page, here you go:

    .page-id-5983 a {
	color: black;
}

    Go to Appearance > Customize and paste this code under CSS. If you can’t find it, open style.css file and paste it there.

  • Unknown's avatar
    spiralsofdanu · Member ·

    Many thanks for the advice Ehtis… but it didn’t work.

    As advised, I went Appearance>Customize… there wasn’t “CSS” but there was a “Custom CSS” option, so I put the code in there.

    It didn’t work, so I modified it to “color: #000000” and that didn’t work either.

    When you say

    open style.css file

    … how do I do that?

    Thank you.

  • The topic ‘Changing link and hover colour on a SINGLE page’ is closed to new replies.