HTML before content hidden in Enfold theme

[Keri]

Content added to “Add HTML before event content” is hidden behind the search bar. It also pushes the search bar down, leaving a gap between the header and the search bar. Screen shot attached.

I see this same issue has been posted in the forum previously. I tried the offered CSS solution, but it did not work.

BTW, the content I’m trying to add is a menu that allows users to view events by category. Am I missing some built-in way to do that? It seems like a pretty basic feature but I couldn’t find anything in settings.

Thanks!

[Geoff]

Hi Keri,

Thanks for reaching out and welcome to the forums!

That’s a pretty common thing we see come up. The reason is that inserting content before the calendar’s HTML inserts it before any calendar CSS classes and it has more of a chance to interact and conflict with the styles provided by the theme.

It’s a little tough for me to provide CSS to fix it based on the screenshot alone, However, we do have a handy guide on how to use DevTools in the browsers to help identify and target the CSS you need to alter the appearance and close that gap.

BTW, the content I’m trying to add is a menu that allows users to view events by category.

You should able to add a menu to your calendar like you would any other screen, in Appearance > Menus. However, it’s possible that the theme has an alternative method for inputting menus than what is considered default WordPress. In that case, it might help to switch the calendar’s default template in Events > Settings > Display to one of the theme templates instead — or vice versa.

Cheers!
Geoff

[Keri]

Thank you for your quick reply!

It’s a little tough for me to provide CSS to fix it based on the screenshot alone

I thought I included a link in the private area. Did it not work?

it might help to switch the calendar’s default template in Events > Settings > Display to one of the theme templates instead — or vice versa.

I’ve tried changing the template, but it doesn’t change. Ideally, I’d like to use a template with a sidebar so I could add the menu there and a list of links to partner organizations’ calendars. I see others have posted that the enfold theme blocks the template options from showing. I found a thread on their support forum that offered the following code to add to functions:

add_action('init', function() {
    remove_action('tribe_display_settings_tab_fields', 'avia_events_display_tab', 10);
}, 10);

That does reveal the template and style options, however, changing them changes nothing. The settings revert to the default events template and other settings I may have tried to change.

I chose this plugin because of its integration with the Enfold theme. It’s more expensive than any of the other calendar plugins I considered. It’s disappointing to lose basic functionality because of the very thing that made me choose it. I have started a support discussion on their forum as well, but have not received a reply.

[Geoff]

Hey Keri!

Sorry, no, I did not receive the link you sent. Would you be willing to share it again in a private reply? I’d certainly be happy to help from there.

Thanks!
Geoff

[Keri]

This reply is private.

[Geoff]

Thanks Keri!

It looks like Enfold has a CSS class that adds 175px of padding to the top of the page:

.html_header_top.html_header_sticky #top #wrap_all #main {
padding-top: 175px;
}

You should be able to override that with something like this:

.tribe-theme-parent-enfold #top #wrap_all #main {
padding-top: 0 !important;
}

You may need to play around with that a bit to get it just right, but should at least give you an idea of how to remove that extra space.

Then, showing that hidden content will take some more CSS. This seemed to do the trick when I tested it in the browser:

#tribe-events {
margin-top: 45px;
}

tribe-events-before-html {
height: 85px;
}

Again, you may need to play with that to get it just right, but should get you started.

Cheers!
Geoff

[Support Droid]

This topic has not been active for quite some time and will now be closed.

If you still need assistance please simply open a new topic (linking to this one if necessary)
and one of the team will be only too happy to help.

[Author]

Posts