- This topic has 5 replies, 2 voices, and was last updated 3 years, 6 months ago by
.
Hi,
I am trying to change the colours of the read more buttons as per the screenshot attached which I have tried via the google chrome inspection tool & also yellow pencil and it wont allow me to change both background / text colours.
I need them to be #8D8D8D when not selected & #9FC13A when hovered over both with #FFF text in them. Please can you provide the additional CSS code to do this as Yellow Pencil I am not having much luck with as I can only get it to do half a job which is not what I need it to do. I keep being directed to this & each time it hasn’t worked which is why I have tested it beforehand on this occasion to speed up the process.
Hi @the1lackster,
I hope you are well today and thank you for your question.
Could you please share the page URL from your site where it is displaying so that I can help you to change its color?
Best regards,
Shufflehound teamOne of the pages its appears on is:
https://www.servetowin.co.uk/atptour/
as well as:
https://www.servetowin.co.uk/wta-tour/
Solution for this topic
You can change its colors by adding the following CSS code in the Custom CSS code option of your theme on the below path.
Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code
#page-container .vc_btn3.vc_btn3-color-juicy-pink, #page-container .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat { color: #fff; background-color: #8D8D8D; } #page-container .vc_btn3.vc_btn3-color-juicy-pink:hover, #page-container .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat:hover { color: #fff; background-color: #9FC13A; }That is perfect thank you – Ticket Closed
You are most welcome here 🙂
