Calendar shows multiple arrows.

I should add that the arrow issue is only on the bootstrapped version.

Hi jemmett75,

overlay is there for letting user know that fields are not yet available. Maybe I can put option for that.

Regarding double arrows can you somehow provide me print screen or link to that form? There must be some kind of css conflict. ??

Best regards,
Nikola

Hi Nikola,

No I get that on the overlay, just on a dark background it looks kinda funky.

Here is the issue in action: https://jonemmett.com/readings/

Great product by the way, not picking at all.

Hi jemmett75,

here is thing with that page. Can you remove jquery-ui.css from loading on that page. He is interfering with styles of bootstrap datepicker.
Regarding that overlay you can simple turn it off by settings this :

.ea-bootstrap .disabled .block {
    display: none !important;
}

Hello Nikola,

I actually tried that with the same outcome.

Thank you for the heads up on the display.

Jon

Hi jemmett75,

what is the status with setting the plugin, did you implement that css change that I suggested?

Best regards,
Nikola

Hey Nikola, I hadn’t messed with it yet, I was waiting to hear back on the arrows issue. I’ll do it here in a second.

For some reason you have loaded jquery-ui.css in you header. I think that came with that theme which you are using. If you don’t have need for it just remove it from loading and there will be no double arrows. But if you are using it somewhere I can implement some kind override of that behavior. ??

Best,
Nikola

Hey Nikola,

I set it not to load the css, but as stated above it’s the same result. There are still multiple arrows on the calendar. Any other thoughts?

Hi jemmett75,

I will put fix for that situation that you have in next 24h.

Best regards,
Nikola

Hi jemmett75,

I have some good news, so please update the plugin. There is new option on in customize tab on settings called custom style. Put this into that field :

.ea-standard .disabled .block, .ea-bootstrap .disabled .block {
    display: none !important;
}

or if you want to keep overlay but in that background color of yours site. In that case paste this :

.ea-standard .disabled .block, .ea-bootstrap .disabled .block {
    /**display: none !important;*/
  background-color: #2F4F4F !important;

}

Best regards,
Nikola