- This topic has 9 replies, 2 voices, and was last updated 7 years ago by
.
Hello!
I really like the Popover option on pictures. However, when I write a popover in my image, it appears with a blue backround. And the colors of my website are orange. How can I change the background color of this popover?
Thank you a lot for your help
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 teamHi, thank you,
This si the website on construction: http://www.clarawebdigital.com/
Best regards
I don’t find the popover on your shared site so could you please share me the screenshot of it or the exact page URL where it is displaying and tell me exactly on which element it is displaying?
Hi, thank you for your answer.
I send you the picture of the popover in blue. How can I change the color?
http://www.clarawebdigital.com/
Thank you very much
Solution for this topic
You can change its color 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
.sh-popover-mini:not(.sh-popover-mini-dark) { background-color: #e34827; }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.aspHi, thank you very much for your help! It almost work 😉
I have the popover in orange, but I still have a little triangle blue… (see picture)
Is there anyway to change the color of this little traingle as well?
Thank you very much!
Solution for this topic
You can use below CSS code to change triangle color.
#page-container .sh-popover-mini::before{ border-color: #e34827 !important; }Great! now is working perfectly!!! Thank you so much for your help!!!
You are most welcome here 🙂
