Change "Read More" text & color in slider

Hi,

1. For the translation, you can use a plugin like Polylang to translate the strings.

2. Which color would you like the read more button to be? ??

Regards,
Hardeep

Hello-

I too have been trying to change the “Read More” button in the slider but with no luck.

I have been using Custom CSS to override the theme settings. It has been working for everything else except this little piece.

I was able to change the hover color but not the button or the “Read More” text color. I would like the button to be white and the text to be #780b1e. Then on the hover I have it set for the button to become the #780b1e and the text white.

So this custom CSS piece is working:
.btn-slider:hover {
background: #780b1e;
}

The site is currently in “Under Construction” mode so you would not be able to see the problem.
Any help is greatly appreciated.

I too have been having the same problem as the person above. Also, the magnifying glass next to the search box, as well as the e-mail “subscribe” button on the appropriate footer all suffer from the same problem as the “Read More” button, in that it is a very light grey text on a white box that makes the symbols and words virtually unreadable, resulting in a near-blank white space.

If you could address this so that the text and symbols were black, it would make it much easier to read, and then we could use the above Custom CSS to change the highlight text.

Any help would be much appreciated. Thank you.

Hello,

We have read your messages and someone will try to answer your questions as soon as possible.

Best regards,
Alexandra

I was finally able to fix this when I went from using Custom CSS for the change to doing a child theme. I used a child theme plugin which helped me locate the lines in the CSS that I needed to revise.

In case it can help anyone else, here is the CSS generated by my child theme (side note- I had to make them “important” in order for them to apply):

.btn-slider { background-color: #780b1e !important;
}
.btn-slider:hover { background-color: #fff !important;
}

So that code makes my ‘Read More’ button a red color and then white on the hover. I did not mess with the text color; I left it black.

Awesome! Thank you for your fix!

Best regards,
Alexandra