Change 'Continue Reading ' Hover Color in Beautiful Pro

[brittanywise]

I'd like to change the hover color of the 'Continue Reading' button and the Comment button.

I'd appreciate any guidance on which CSS snippits to edit.

Thanks!

(From a non-developer)

http://www.ourhomemadeeasy.com

[Victor Font]

The CSS to change is the .content a.more-link class at line 182 in style.css.

If you right click on the element and use your browser's inspect tool, you can see what the element is on the left of the screen and the CSS class on the right. You can also change the CSS to experiment with colors with the inspect tool. The changes are for your session only and do not permanently change the style.css file.

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[brittanywise]

Hi Victor,

I went to change it using this .content a.more-link {
background-color: #eee; /* button color */
border-radius: 3px;
clear: both;
color: #333;
display: block;
font-family: 'Raleway', sans-serif;
font-size: 14px;
font-weight: 500;
margin-top: 32px;
padding: 10px; /* button size */
text-align: center;
width: auto; /* add optional button length */
}

However, it does not change the hover color --- which is what I'd like to change.

Thanks!

[brittanywise]

I was able to successfully change the color of the comment bos.

However, anytime I hover over 'Continue Reading,' a button, or 'Post Comment' the original defaul color still shows.

Any suggestions?

[Victor Font]

For hover, you need to add the hover pseudo element: .content a.more-link:hover

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[Author]

Posts