Read More Button Hover Color

[athena.mekis]

Hi SKT,

The hover color on my Read More button won’t change. It’s staying the same default color. I want to change it on my blog page. How do I change it? I tried this code, but it doesn’t work: p.read-more a:hover {color: blue}.

id=btnhvcolor
id=readmorebuttonhv
class=read-more

https://www.rfmacdonald.com/blog.

Thank you,

[athena.mekis]

Additionally, these two selections are not working in Appearance > Basic Settings. I changed the colors to blue but nothing is happening.

“Select border color for read more button”
“Select border hover color for read more button”

[Forum Moderator]

Hi,

Kindly go to Appearance >> Theme Options >> Basic Settings >> Custom CSS Box:

Add this code there:

.content-area p.read-more a:hover { color:#447dc0;}
.content-area p.read-more a:hover span { color:#fff;}

Regards,
Chris

[athena.mekis]

Hi Chris,

Unfortunately, that didn’t change the color of the span icon on hover. I went ahead and removed the circle icon all together by removing <span> from the content.php page.

Previously:
<p class=”read-more”>“><?php echo of_get_option(‘readmoretext’); ?><span>›</span></p>

Now:
<p class=”read-more”>“><?php echo of_get_option(‘readmoretext’); ?>›</p>

I even tried: .content-area p.read-more span:hover {color:#447dc0;} but it didn’t work.

Anyway, removing the circle completely worked fine. Items is now closed.

Thank you for your effort.

Athena

[Forum Moderator]

Cool

[Author]

Posts