- This topic has 4 replies, 2 voices, and was last updated 6 years, 7 months ago by .
Viewing 5 posts - 1 through 5 (of 5 total)
Viewing 5 posts - 1 through 5 (of 5 total)
- You must be logged in to reply to this topic.
Home › Forums › All Other Themes › Read More Button Hover Color
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,
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”
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
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
Cool
Are you looking best freelancer WordPress themes and templates? Here’s a list of the best freelancer WordPress themes for all individuals and freelancers. Premium Freelancer […]
Gutenberg Block Editor Addons WordPress Gutenberg is, by itself, a robust content editor. However, if you want to increase its efficiency even more, then you […]
Image Gallery WordPress Plugins Powerful and feature – packed image gallery WordPress plugins are assembled here. They are suitable for photographers, designers, artists, freelancers, photo […]