Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • #763672

    Hello Kriesi

    I have a CSS problem.

    The calendar on my page is malformed, its overlapping itself.
    I’ve tried to find the offending CSS but I can’t seem to pin it down.

    If I deactivate Enfold and have Twenty Seventeen running then the calendar is fine.

    Malformed Calendar

    Can you please help?

    Best Regards


    Hey LordLiverpool,

    Try adding this css code in Quick CSS (located in Enfold > General Styling):

    #top .ui-datepicker-multi {
        width: 94% !important;

    Just adjust the width as you see fit. HOpe this helps.

    Best regards,


    Hi Nikko

    Initially your CSS worked, but since the last version of Enfold its broken again.


    The Quick CSS is still in place, so I don’t understand why the calendar is malformed.

    Best Regards



    Try this code:

     #top .ui-datepicker-multi {
        width: 41em !important;

    Best regards,
    John Torvik


    Hi John Torvik

    I’m sorry I forgot to reply. Your CSS worked perfectly, thank you very much!

    Best Regards


    Hi! We’re glad that John and Nikko team were able to help you! We’ll close this topic now. For any other questions or issues, feel free to post them here on the forum and we will do our best to assist you.

    For your information, you can also take a look at Enfold documentation here –

    We’d also appreciate it if you can take a moment to review our theme if you haven’t already.

    Thank you for using Enfold.

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Overlapping Calendar’ is closed to new replies.