- AuthorPosts
- July 17, 2020 at 11:46 am #25244Nathan PappasGuest
How do you change the hover color for the links on a specific page?
July 17, 2020 at 12:34 pm #25255Jesse OwensKeymasterHi 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.
July 17, 2020 at 1:47 pm #25258Nathan PappasGuestOk 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?
- AuthorPosts
- The topic ‘Link hover color’ is closed to new replies.