Events Calendar bug in the single event page

Hey Cloaker,
Thank you for your patience and the link to your site, for the first issue with the time heading, it is caused by this css:

.tribe-events-event-meta dt:not(:first-child) {
    margin-top: 16px;
}

so this is saying that in the tribe-events-event-meta block any dt that is not the first-child will get a 16px margin-top, which is these two elements:

In this case I believe the best solution would be this:

.tribe-events-single-section.tribe-events-event-meta.primary dt:not(:first-child) {
    margin-top: 0;
}

For your second question the code <h3 class="tribe-events-visuallyhidden"><?php _e( 'Event Navigation', 'avia_framework' ) ?></h3> is in the \wp-content\themes\enfold\config-events-calendar\views\single-event.php file on line 145, you can try removing this if you wish. I’m not sure if it is used for anything else, but the code was originally recommended by the plugin’s Themer’s Guide for the Pro version, from what I can tell. But I’m not an expert with this plugin 🙂
For your third issue, the padding seems to be set to zero by this css in your merged css:

#top #tribe-events-pg-template {
    max-width: 100%;
    padding: 0;
}

which is overriding the plugin padding:

please try looking for this in your custom css and remove it.

Best regards,
Mike

Hi,
Thank you for the feedback, your css for the third issue has the same specificity so in order for it to work you can add !important; tp it like this:

#top #tribe-events-pg-template {
    max-width: 100%;
    padding: 30 !important;
}

or you can increase the specificity by adding an ID like this:

#top #wrap_all #tribe-events-pg-template {
    max-width: 100%;
    padding: 30;
}

I’m not sure why you can’t find the zero padding css in your custom css or how it got into your merged css, but you could try disabling your Enfold Theme Options > Performance > JS & CSS file merging and compression and then at the bottom of the same page enable the Enfold Theme Options > Performance > Delete old CSS and JS files option and then check again.

Best regards,
Mike

Hi,
Thanks for your feedback, the css for the padding of the page and the margin for the time text should not interfere with each other as they are different elements, what you describe sounds like there is a missing bracket in your css elsewhere, but while you are using the merged css & js in the theme options I can not find the error, please disable this for now.
Perhaps your issue on this site is similar to the issue you are having on your second site, on your second site the reason the scroll top display block css is not working is because you are using PHP comment out code in CSS code:

// ----------------------------------------
// SCROLL PAINIKE KÄNNYKÄLLÄ

this is the correct way to comment out in CSS

/* ---------------------------------------- */
/* SCROLL PAINIKE KÄNNYKÄLLÄ */

I see on your second site this occurs 10 times, so please correct this and clear your browser cache and the theme css merging as explained above.
If you have also done this on your first site please also correct.

Best regards,
Mike