Title: qTip2 adjustments
Last modified: August 22, 2016

---

# qTip2 adjustments

 *  Resolved [Matt](https://wordpress.org/support/users/syntax53/)
 * (@syntax53)
 * [11 years, 5 months ago](https://wordpress.org/support/topic/qtip2-adjustments/)
 * within this code from gce-script.js–
 *     ```
       content: $(this).children('.gce-event-info'),
       position: {
       	my: 'bottom left',
       	at: 'top right'
       },
       show: {
       	solo: true
       },
       hide: {
       	fixed: true
       },
       style: {
       	classes: 'qtip-light qtip-shadow qtip-rounded'
       }
       ```
   
 * I suggest the following changes–
    - Change “at: ‘top right'” to “at: ‘center'” … if there are any actionable items
      on the tooltip it can be hard to get the mouse onto the tooltip without it
      going away due to the gap of whitespace between the tooltip and the day.
    - Add the following position options–
    -     ```
          viewport: true,
          adjust: {
          	method: 'shift'
          }
          ```
      
    - … Without “viewport: true” the tooltip can go off the screen. Change the method
      to “shift” moves it so that it says on the screen.
    - Lastly, and this is more of a personal preference, but I think the default
      fade effect is a little too long (90ms). Adding this to the show option makes
      it a little faster:
    -     ```
          effect: function(offset) {
          	$(this).fadeIn(50);
          }
          ```
      
 * Final code–
 *     ```
       content: $(this).children('.gce-event-info'),
       position: {
       	my: 'bottom left',
       	at: 'center',
       	viewport: true,
       	adjust: {
       		method: 'shift'
       	}
       },
       show: {
       	solo: true,
       	effect: function(offset) {
       		$(this).fadeIn(50);
       	}
       },
       hide: {
       	fixed: true
       },
       style: {
       	classes: 'qtip-light qtip-shadow qtip-rounded'
       }
       ```
   
 * [https://wordpress.org/plugins/google-calendar-events/](https://wordpress.org/plugins/google-calendar-events/)

Viewing 1 replies (of 1 total)

 *  Plugin Contributor [Phil Derksen](https://wordpress.org/support/users/pderksen/)
 * (@pderksen)
 * [11 years, 5 months ago](https://wordpress.org/support/topic/qtip2-adjustments/#post-5548961)
 * [@syntax53](https://wordpress.org/support/users/syntax53/) These are fantastic
   additions, and now in the 2.1.6.1 release.
 * Thanks!

Viewing 1 replies (of 1 total)

The topic ‘qTip2 adjustments’ 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: [Phil Derksen](https://wordpress.org/support/users/pderksen/)
 * Last activity: [11 years, 5 months ago](https://wordpress.org/support/topic/qtip2-adjustments/#post-5548961)
 * Status: resolved