Support forumCategory: QuestionsChange "glow" color of calendar widget 2
Tanja asked 3 weeks ago

Hello, as you can see on this website: https://www.thebestgogo.com/v1/book-an-appointment/, there is a green theme. I want to change the color of the service drop down background and the “glow” coming out of the borders of the calendars to the green I have on the website which is #209221. How can I achieve this with css?
ps. I had the same request a few days ago, I never got the answer (nor can I register on this website to reply on the same thread)
Thanks

Question Tags: #colorchange

1 Answers
Nikola Loncar Staff answered 3 weeks ago

Hi Tanja,

here is the fix for that. Just open EA Settings > Customize page > and there under Custom Styles add this:

.ea-bootstrap .ui-datepicker {
border: 1px solid #209221;
box-shadow: 0 0 8px rgba(32,146,33,.6);
}

also one suggestion is to add width to short code to prevent form being over stretched. 🙂

Best regards,
Nikola