How to edit text & hover color in Twenty Twelve?

  • Resolved broennimann

    (@broennimann)


    10 years, 11 months ago

    Hi folks

    I’m still modifying Twenty Twelve to my liking, using a child theme. So far, I’ve managed to change the color/hover color of the post titles etc. – but I can’t seem to change the link in the footer (Proudly powered by WordPress). Anyone know how the CSS necessary to do this?

    Thank you!

Viewing 6 replies - 1 through 6 (of 6 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    10 years, 11 months ago

    Do you have Google Chrome?

    Thread Starter broennimann

    (@broennimann)

    10 years, 11 months ago

    No, sorry, only Firefox and IE on this machine…

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    10 years, 11 months ago

    Open your site in Firefox,
    Right click on the footer text,
    Select ‘Inspect element’,
    Select the “:hover” state from the dropdown ontop of the text [screenshot],
    Look at the right-hand side of the toolbar and use those CSS selectors [screenshot].

    esmi

    (@esmi)

    10 years, 11 months ago

    Are you trying to change the link’s colour? If so, have you tried using Firebug to locate the CSS you need to overwrite?

    Thread Starter broennimann

    (@broennimann)

    10 years, 11 months ago

    You have helped me – I figured it out. Thank you very much, Andrew!!!

    Thread Starter broennimann

    (@broennimann)

    10 years, 11 months ago

    Anyone interested: This did it in my child theme’s style.css (pick any color you like, of course):

    /*
    footer color and hover
    */
    footer[role=”contentinfo”] a:hover {
    color: #ab2944;
    }
    footer[role=”contentinfo”] a {
    color: #c5bdbd;
    }

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘How to edit text & hover color in Twenty Twelve?’ is closed to new replies.