Altering roll-over states for homepage Read More buttons

Hi,

How can I alter the color of the read more button and font on the homepage? I can't find those styles in the stylesheets.

Thanks-

 

1. It is not possible to change the color of read more button because it is an image not a color,
If you want to change its color then,
Go to images directory present in your theme directory and replace your image with present readmore.png image or edit it.

The name of image is "readmore.png"

Note:- Use same name for your edited image and remove the current image.
2. To change the font of read more button,
Paste the code given below in Custom CSS section
(Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

   .feature-content-inner .read-more {
font-family: symbol;
}

In place of "symbol" you can put your font.
This will solve your issue.

 

Thanks. I only want to change the roll-over states for the buttons though. Where do I control that?

 

Hello,

If we hover on read more button it only change the opacity and the text color.
The code responsible for that is given below.
If you want to change the opacity as well as the text color, then paste the given code in Custom CSS section
(Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

.feature-content .read-more:hover {
opacity: 0.5;
color: red;
} 

You can change the value of "opacity" as per your requirement.
In place of "red" you can put your color or color code.