Change background colour for full calendar popup

Support forum › Category: Questions › Change background colour for full calendar popup

Richard_UK asked 3 years ago

Hi, I have been experimenting with the ea-full-calendar widget as an overview of bookings but when i select an entry the popup window has the site background colour, very dark grey with black text which is almost unreadable. Is there any way to change this? You can see what I am describing from this screenshot:

Richard_UK replied 3 years ago

Sorry was temporarily distracted other relevant info:
Easy Appointments 3.4.12, PhP 7.4, WP 5.7

Thanks,

Richard

Richard_UK replied 3 years ago

I also forgot to mention that the title for the popup is shown as booking unber followed by undefined as shown in the image, pasteboard.co/JWhtFho.jpg

Thanks

4 Answers

0 Vote Up Vote Down

Richard_UK answered 3 years ago

Link to screenshot: pasteboard.co/JWhtFho.jpg

0 Vote Up Vote Down

Nikola Loncar Staff answered 3 years ago

Hi Richard, looks like theme style has overlapped with EA. If you share the link to that page I can see what needs to be added to EA Settings. Best regards, Nikola

Richard_UK replied 3 years ago

Hi Nikola,

Thanks for your help, the link is https://www.birminghamshotokan.com/full-calendar-test/

Best Regards,

Richard

0 Vote Up Vote Down

Nikola Loncar Staff answered 3 years ago

Hi Richard, just add this to EA Settings > Custom styles :

#TB_ajaxContent .wp-block-code { background-color: #fff; border: none }

In this case background is white (#fff) but you can put any HEX color that you want. Also I have set in that example no border. Best regards, Nikola

Richard_UK replied 3 years ago

Thanks Nikola,
That seems to work. Any idea why it is saying undefined in the popup dialogs title?

Best Regards,

Richard

0 Vote Up Vote Down

Nikola Loncar Staff answered 3 years ago

Hi Richard, please open EA Settings and find custom form field section. There for each field when you open have value called slug. Copy one and paste it inside short code as attribute like this: [[ea_full_calendar title_field="slug_paste_value"]]

Best regards,
Nikola

Richard_UK replied 3 years ago

Thanks