Empty Hover Bubble – Theme Conflict

  • Resolved dbowl79

    (@dbowl79)


    8 years, 7 months ago

    It appears that I may have a theme conflict which is blocking the Calendar Event Template Tags from displaying in the Event Hover Bubble. I’m running a child theme for Divi by Elegant Themes and when I disabled it (activated twenty sixteen), the Event Hover Bubble displayed the Event Details successfully. None of the template tags display in the event hover bubble when the Divi theme is active.

    The calendar is for a private golf club and is therefore not public (using the Google Calendar Pro add-on). I am using a grouped calendar and verified the template tags are present on the individual calendars themselves.

    Any thoughts or ideas as to what might be suppressing the template tags from appearing in the hover bubble? I’ll follow up with Elegant Theme’s support team and see if they have any thoughts or suggestions.

    Thanks!
    Dusty B.

    https://www.ads-software.com/plugins/google-calendar-events/

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Contributor Nick Young

    (@nickyoung87)

    Sorry about the issue you’re experiencing.

    If you recently upgraded to WordPress 4.5, there is a common issue that has cropped up for some folks affecting many plugins and themes stemming from other plugins and themes.

    Short version: Update all your plugins and themes to the latest versions by their vendors.

    Read the detailed version here if you need a technical explanation in order to troubleshoot this particular conflict further.

    Thanks!

    Thread Starter dbowl79

    (@dbowl79)

    Thanks for the prompt response Nick! Upon further inspection, it appears that the title and description actually is being displayed with white font, therefore blending in with the background. A simple ID10T error… ??

    Is there a location where we can set the font color for the event hover bubble to black (hex value)? Can I do this in the text / visual editor in WordPress before the template tags?

    Thanks for the help!

    Plugin Contributor Nick Young

    (@nickyoung87)

    Ah ok. So the color gets inherited from your theme but there is also a class that you can use in CSS to change things. The best thing to do would be to inspect the element and then

    1. Find where the color is coming from in your theme and change it there if it is not going to affect the rest of your site

    or

    2. Find the class for the element and then write some CSS to the bottom of your theme stylesheet to change the color as desired. Something like:

    .simcal-event-description { color: #000; } (not tested)

    If you are having trouble with that you can shoot me a link to your site and I would be glad to look for you.

    Thanks!

    Thread Starter dbowl79

    (@dbowl79)

    Thanks Nick for the assistance. I went ahead and bit the bullet on this one and changed the background color on the hover bubble to a dark shade of black using the following CSS:

    /*Simple Calendar Event Hover Background Color*/
    .qtip-content {
    background-color: #191919;
    }

    I tried the CSS you provided to update the font color to black for the Event Description, but no avail. Always two sides to the coin!

    Thanks again for the help and assistance!

    Plugin Contributor Nick Young

    (@nickyoung87)

    You could also try the one you used here for the font color instead of the background color.

    Plugin Contributor Nick Young

    (@nickyoung87)

    Hello,

    I am going to assume this has been resolved since there has not been a reply here. If you continue to have issues please let us know and we will be glad to continue with helping.

    Thanks!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Empty Hover Bubble – Theme Conflict’ is closed to new replies.