Read More Button Color

Hey there maaniedo,

How are you doing today?

This should be possible with some custom CSS. Since the theme has it’s own custom CSS tab which is located in Appearance >> Theme Options >> Tools >> Custom CSS you can try adding the following code there:

.read-more-btn {
background: none repeat scroll 0 0 #23a38f;
}

.read-more-btn:hover {
background: none repeat scroll 0 0 #0f806e;
color: #ffffff;
}

Please replace the color hex values to the ones that you like. You can use sites similar to this one to get hex value for the color of your choice:

https://www.color-hex.com/

Changing color in the first part will affect button background color and the second button hover background color and hover link color.

If this doesn’t work could you please paste link to your site where you want this changed so I can take a look?

Hope this helps ??

Best regards,
Bojan

Hi! It does work, but I was referring to the Read More button on the Call to Action section (sorry I should have been more specific).

Thanks!

Hey again maaniedo,

In that case could you please try adding the following:

#about-section a.read-more.bttn {
background: #F0563D;
}

#about-section a.read-more.bttn:hover {
background: #F0563D;
}

First part should affect read more background color and the second hover background color.

Hope this helps ??

Best regards,
Bojan

It works! Thank you!

Follow up question. How can I change the hover color of Read More button displayed on Featured Post and Blog Slider section?

Hey again maaniedo,

For the featured posts section please try adding the following:

.featured-post .view-more:hover {
color: #fff;
}

Replace the color hex value to the one of your choice. This will change the text hover color in featured posts section.

As for the read more hover button in the slider please try adding the following:

.slider-caption br + a:hover {
background: ##F0563D;
}

Replace the color hex value with the color of your choice. This should add the hover background color on the read more button in slider.

If this doesn’t work please paste link to your site so I can take a look.

Hope this helps ??

Best regards,
Bojan