[Plugin: Localendar Calendar for WordPress] Embedded Calendar Event Bubble gets cut off

You didnt send a link to your specific site, but this typically happens when the theme you are using in WP sets overflow:hidden for the column where you are including the calendar.

You can find this pretty quickly using Firefox, or just post a link and I’ll tell you exactly where it is.

https://underconstruction.houstonquranacademy.org/

I was able to fix it! The bubble does not get cut off anymore, thanks for pointing me in the right direction.

Another problem I noticed is that the calendar does not appear in Firefox, yet it does appear in Ie9 and google chrome.

https://underconstruction.houstonquranacademy.org/

I see the calendar in FF – but it appears outside the left margin (you might not see it because of a z-index issue)

It looks like you may have changed a lot more than you needed to, and accidentally caused an issue. I would undo all the changes, and (now that I have a link to your call) let me make what is hopefully a minor recommendation to just address that overflow issue.

B/c it did display intially in FF for you, correct?

No it never displayed in firefox when overflow is set to hidden until I set the overflow:visible;
then it just showed up outside of my margin, but it always displayed correctly in Google Chrome and i.e 9 although the bubble would be cutoff when overflow is set to hidden. but when overflow was set to visible it works perfectly in i.e9 and Google chrome with the bubble not being cutoff. the problem only shows up in Firefox.

Where do I place the over flow?

Hmm.. there must be some other aspect of your theme which is causing the issue. It just looked from the HTML that perhaps you put some extra div’s or html around the localendar code. If that’s not the case, then leave it be and I’ll have a look at it.

In my last reply I had deleted and reinstalled the localcalendar without touching any line of code. Which <divs> do you see that are causing the problems?

Pleeeeeeaaaase help me.

The events bubble doesn’t appear at all, It did before, now it’s just impossible, I’ve put the overflow:visible value practically everywhere I could and nothing works.. now I’m just clueless. And I’m not good at coding, I’m so a noob, it’s all messed up in my stlesheet ??

Could you take a look for me please?

hmmmm sorry I pasted the link, but it didn’t show…

https://www.djmusique.com

djmusique,

There was a conflict in our pop-up code with jQuery 1.8. This has been corrected. I checked your calendar and it is working fine.

Hi Cobie (or localendar), I′m having the same problem the bubble gets cut off. how did you end up solving it?
this is the page where the problem is happening
https://www.paolamirandaoficial.com

please I need some help on this, I′m Kind of new to all of this, I have a basic understanding of coding, but I′m still a rookie.

Thanks.

Agustin.

If the bubble for the mini calendar is cut off,it’s almost always caused by having the div overflow set to hidden on the area where the calendar is being shown.

Aschamy, in your case, the wide.css file in your site’s theme.
Specifically, line 27:
.sidebar.left {
position: relative;
float: right;
overflow: hidden;
padding-bottom: 20px;
height: 100%;
width: 272px;
}

Remove the overflow:hidden line and the bubbles for the mini calendar will not but cut off.

Again: This file is specific to the WordPress theme you are using. You can edit this file from your site’s Admin page.