event calendar extend above footer

  • Resolved ervanrh

    (@ervanrh)


    4 years, 7 months ago

    Is there a way to make event calendar not extend above footer just like what happened in link the page that I need help with?

    I used this css to make footer always on the bottom of the page:
    .site-footer{
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    }

    for example of result of above css can be seen in perdossibaya.com’

    Thanks in Advance

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Support Abid Hasan

    (@abidhasan112)

    Hi @ervanrh ,

    Add this CSS on your stylesheet:

    .elementor-widget-eael-event-calendar {
    z-index: -1;
}

    NOTE: I highly recommend you to add unique class name of your widget and write CSS on that class for good practice.

    Hope it will solve your issue.
    Let me know how it goes!

    Plugin Support Abid Hasan

    (@abidhasan112)

    Hi @ervanrh ,

    Please ignore my previous reply.
    I just found that, If you use my previous CSS, That will prevent you to click on the Event Title for the details.

    So please ignore that and add this CSS on your stylesheet.

    .site-footer {
    z-index: 1;
}

    I mean just this z-index: 1; on your site-footer class that you already added on the stylesheet.

    Hope you understand.
    And sorry for the inconvenience.

    Thread Starter ervanrh

    (@ervanrh)

    This is my new css code
    .site-footer{
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    }

    I already tried to add your code and it’s a success

    Thanks for the help

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘event calendar extend above footer’ is closed to new replies.