Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #25244
    Nathan Pappas
    Guest

    How do you change the hover color for the links on a specific page?

    #25255
    Jesse Owens
    Keymaster

    Hi Nathan,

    Every page in WordPress will have a unique CSS class corresponding to it’s post ID. To figure out the ID for your page, edit the page, and look at the URL in your browser.

    At the end of the URL, you’ll see something like ?post=1234&action=edit. The number after post= is what you need, in this example 1234.

    Now that you know your page’s ID, you can use Custom CSS to change the link hover color on that page. Navigate to Customize > Advanced > Custom JS & CSS and use code similar to this in your Custom Theme CSS:

    .page-id-1234 a:hover { color: orange; }

    Replace “1234” with the page ID you found before, and replace “orange” with the color or hex value of your choice.

    #25258
    Nathan Pappas
    Guest

    Ok thanks. If I wanted to change the hover color for the whole website would I have to do that for every page or is there something I can do that would change it for all of the pages?

Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Link hover color’ is closed to new replies.