Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • March 26, 2021 at 8:13 pm #1290634
    leahmessina

    Hi,

    Enfold is overwriting some plugin settings from the events calendar and it causes the single events view to look bad.

    I added this CSS as an attempt to help but it is not performing as expected.

    .responsive .av-single-event-content {
    padding: 0 50px;
    }

    .av-single-event-meta-bar {
    max-width: 775px;
    padding: 50px;
    }

    This CSS should move the details box from the left to the bottom of the event info. Picture example here:

    https://s3.theeventscalendar.com/uploads/2020/10/compat-enfold-after-665×714.png

    Lastly, will enfold be fixing this in future updates? The theme overrides were built for events calendar older than 5.0 and they are now on 5.4.

    March 30, 2021 at 6:20 am #1291207
    Jordan Shannon

    Hey leahmessina,

    Add this to quick css:

    .av-single-event-content {
    width: 100%;
    float: left;
    margin-left: 50px;
}

.av-single-event-meta-bar-inner{
width:100%!important;
}

    Best regards,
    Jordan Shannon

    March 30, 2021 at 4:47 pm #1291410
    leahmessina

    This worked, thank you.

    For me, this produced the best result. It may help another person.

    .av-single-event-content {
    width: 100%;
    float: left;
    margin-left: 500px;
    margin-top: 25px;
    }

    .av-single-event-meta-bar-inner {
    width: 100%!important;
    }

    .responsive .av-single-event-content {
    padding: 0 50px;
    }

    .av-single-event-meta-bar {
    max-width: 50%;
    padding: 50px;
    margin-left: 500px;
    }

    April 1, 2021 at 3:55 am #1291648
    Jordan Shannon

    Hi,

    Great! I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Events Calendar – Single Events CSS’ is closed to new replies.