Title: Modify CSS for Bubble
Last modified: March 2, 2024

---

# Modify CSS for Bubble

 *  Resolved [spinfx007](https://wordpress.org/support/users/spinfx007/)
 * (@spinfx007)
 * [2 years, 3 months ago](https://wordpress.org/support/topic/modify-css-for-bubble/)
 * Just wondering if some one could help me customise the Calendar bubble on the
   grid lay out. I am new to this and just chasing which CSS Class i have to modify
   to fix the colours for the text and background of the bubble. Any help would 
   be appreciated or even a direction forward.

Viewing 1 replies (of 1 total)

 *  Plugin Support [john](https://wordpress.org/support/users/johnweru/)
 * (@johnweru)
 * [2 years, 3 months ago](https://wordpress.org/support/topic/modify-css-for-bubble/#post-17471404)
 * Hi there,
 * Thanks for reaching out to us.
 * In regards to your question here, please try and add the following CSS codes 
   within the Appearance > Customize > Additional CSS section:
 *     ```wp-block-code
       .simcal-event-details.simcal-tooltip-content {
           background-color: #ff0000;
       }
       .simcal-event-bubble .simcal-event-details p, .simcal-event-bubble .simcal-event-details .simcal-event-description {
           color: #fff;
       }
       .simcal-event-details.simcal-tooltip-content p a {
           color: #1571c1;
       }
       ```
   
 * I hope this gets to help.
 * Kind Regards,
 * John

Viewing 1 replies (of 1 total)

The topic ‘Modify CSS for Bubble’ is closed to new replies.

 * ![](https://ps.w.org/google-calendar-events/assets/icon-256x256.png?rev=1263960)
 * [Simple Calendar - Google Calendar Plugin](https://wordpress.org/plugins/google-calendar-events/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/google-calendar-events/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/google-calendar-events/)
 * [Active Topics](https://wordpress.org/support/plugin/google-calendar-events/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/google-calendar-events/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/google-calendar-events/reviews/)

 * 1 reply
 * 2 participants
 * Last reply from: [john](https://wordpress.org/support/users/johnweru/)
 * Last activity: [2 years, 3 months ago](https://wordpress.org/support/topic/modify-css-for-bubble/#post-17471404)
 * Status: resolved