Title: Changing tooltip balloon background
Last modified: August 30, 2016

---

# Changing tooltip balloon background

 *  Resolved [debier](https://wordpress.org/support/users/debier/)
 * (@debier)
 * [11 years, 1 month ago](https://wordpress.org/support/topic/changing-tooltip-balloon-background/)
 * First of all; thank you for developing this great plugin, i really appreciate
   it. I have 2 questions;
 * I’m not able to change the complete background color of the tooltip balloon. 
   I’ve managed to change a part of it by editing “gce-style.css”, but a part of
   the balloon (border) stays white. My page url is [http://www.test.walburga.nl](http://www.test.walburga.nl).
   Is it possible to adjust this somewhere?
 * Since I’m a complete noob to css programming, I wonder if there is a general 
   guide available for adjusting colors and basic stuff of the plugin. Is it advisable
   to edit the plugin’s css files for customization? I’ve read somewhere that style.
   css of your template needs to be adjusted; tried that, but changes are not visible
   on the site. (did a full reload crtl-F5 within FF).
 * Thanks in advance.
 * [https://wordpress.org/plugins/google-calendar-events/](https://wordpress.org/plugins/google-calendar-events/)

Viewing 5 replies - 1 through 5 (of 5 total)

 *  Plugin Contributor [Nick Young](https://wordpress.org/support/users/nickyoung87/)
 * (@nickyoung87)
 * [11 years, 1 month ago](https://wordpress.org/support/topic/changing-tooltip-balloon-background/#post-6240807)
 * You can use the class `.qtip-content` instead of `.gce-event-info` in your CSS.
 * It is better to include the styles in your theme if you can because when you 
   update the plugin your styles will get overridden and you will have to redo the
   changes each time.
 * If it is not working from your theme then make sure your specificity is higher
   or use something like the `!important` if you need to – although the `!important`
   is more of a last resort and not highly recommended.
 *  Thread Starter [debier](https://wordpress.org/support/users/debier/)
 * (@debier)
 * [11 years, 1 month ago](https://wordpress.org/support/topic/changing-tooltip-balloon-background/#post-6240863)
 * Thank you for the reply; i haven’t found a solution yet after changing a lot 
   of .qtip-content values. Nothing changes with the balloon layout, maybe i’m looking
   in the wrong place. I was making adjustments in the file “jquery.qtip.css” located
   in “/root/wp-content/plugins/google-calendar-events/css”.
 *  Plugin Contributor [Nick Young](https://wordpress.org/support/users/nickyoung87/)
 * (@nickyoung87)
 * [11 years, 1 month ago](https://wordpress.org/support/topic/changing-tooltip-balloon-background/#post-6240872)
 * You can do it in your theme’s style.css that way you don;t have to modify the
   plugin files.
 * Try this at the bottom:
 *     ```
       .qtip-content {
          background: #b8eeee;
       }
       ```
   
 * or if that doesn’t work you can try:
 *     ```
       .qtip-content {
         background: #b8eeee!important;
       }
       ```
   
 * Remember this goes at the bottom of your theme stylesheet, not in the plugin 
   files.
 *  Thread Starter [debier](https://wordpress.org/support/users/debier/)
 * (@debier)
 * [11 years, 1 month ago](https://wordpress.org/support/topic/changing-tooltip-balloon-background/#post-6240873)
 * Yes, that did the job! Thanks a lot Nick! (didn’t need to add !important)
 *  Plugin Contributor [Nick Young](https://wordpress.org/support/users/nickyoung87/)
 * (@nickyoung87)
 * [11 years, 1 month ago](https://wordpress.org/support/topic/changing-tooltip-balloon-background/#post-6240881)
 * Awesome! Glad that worked for you 🙂
 * If you have any other issues don’t hesitate to let us know so we can help out.
 * Thanks!
 * P.S. If you get a chance would you mind leaving a plugin review (if you haven’t
   already)? It helps a ton.
 * [https://wordpress.org/support/view/plugin-reviews/google-calendar-events#postform](https://wordpress.org/support/view/plugin-reviews/google-calendar-events#postform)

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Changing tooltip balloon background’ 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/)

 * 5 replies
 * 2 participants
 * Last reply from: [Nick Young](https://wordpress.org/support/users/nickyoung87/)
 * Last activity: [11 years, 1 month ago](https://wordpress.org/support/topic/changing-tooltip-balloon-background/#post-6240881)
 * Status: resolved