- This topic has 7 replies, 2 voices, and was last updated 6 years, 2 months ago by
.
Apologies in advance if this question has already been solved –I’ve searched but been unable to find a solution.
The accent colour on my site is light and I’d like the text on the overlays to be dark so it is visible, see attached.
I’ve found a way around using yellow pencil, but it was hoping there was a simpler global css code I could use.
Hi @dsharpe,
I hope you are well today and thank you for your question.
Could you please share me the page URL from your site where it is displaying so that i can help you to achieve it?
Best regards,
Shufflehound teamThanks for the quick reply, as it’s a development site I’ve put the information in the private field.
Solution for this topic
You can achieve it 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
a.sh-portfolio-overlay * { color: #000; }You can change the color value in the above code to whatever you want to use by referring the following pages.
http://www.w3schools.com/html/html_colors.asp
http://www.w3schools.com/html/html_colorvalues.asp
http://www.w3schools.com/tags/ref_colorpicker.aspThanks for your help, that works perfectly!
How would I make the same change on the latest projects and recent posts widget overlays in the footer?Solution for this topic
Use below CSS code for that.
#page-container .sh-mini-overlay * { color: #000 !important; }Thanks for your help again 🙂
You are always welcome here 🙂
