Calendar widget balloon cut off.

[Michael]

First of all, thanks for the awesome plug-in. I’m loving it so far and have had very few issues.

There is one though that I believe is directly related to my choice of themes, but I think can be solved. It is:

The “balloon” (tool tip?) that pops up when a user mouses over a date on the calendar widget is being cut off at the top if the events for that date make the balloon to long, high, or however you want to say it. In other words, the balloon seems to go “under” the border that surrounds the calendar. Here is my site: http://www.sanangelofun.com. And, here is a screenshot: http://sanangelofun.com/balloonproblem.png

I’m thinking this is a div issue, or a Z-index issue. But, I hardly code, so I wouldn’t know where to start looking for a solution in the code. Yes, the calendar balloons work just fine when I revert back Twenty-Twelve with all other plug-ins deactivated, so I’m pretty sure this is an issue caused by the Suffusion theme. But, I love that theme, and I’ve done tons and tons of work personalizing it, so I want to stay with it if at all possible.

Any ideas? Getting rid of that dotted-line border around the mini-calendar would be awesome as well, but making my balloon pop-ups completely visible is my main concern.

Thanks very much,

Mike C.

[Barry]

So I think this is mostly due to your theme’s CSS. If you are comfortable making changes to your stylesheet, here is what you would be aiming for (add to the bottom of your stylesheet if you are unsure where to put it):

.dbx-content, .suf-widget { overflow: visible }

If that causes problems elsewhere then we could use more specific rules, but basically the issue is that right now the overflow rules for the above CSS classes cause the tooltips to be clipped.

If you need further help please don’t hesitate to ask 🙂

[Michael]

That fixed it. Thank you very much. I don’t think it caused any other problems to appear, also. You guys rock. I finally feel that spending money on a plug-in was worth every penny. 🙂

Any clue about the dotted line “border” at the top of that widget box?

[Barry]

Again that’s from your theme’s stylesheet, (suffusion/style.css line 2594):

.dbx-handle{position:relative; margin:0; padding:8px 24px 7px 10px; border-bottom:1px dotted #c0c0c0}

So you could amend it directly or override it according to best practices with your particular theme 🙂

[Michael]

Thanks. Corrected and now I know what to look for next time so I won’t have to bug you. Y’all rock.

[Barry]

No problem at all, glad you’re all sorted here 😀

[Support Droid]

This topic has not been active for quite some time and will now be closed.

If you still need assistance please simply open a new topic (linking to this one if necessary)
and one of the team will be only too happy to help.

[Author]

Posts