Calendar Filter / Search Bar Extends past column container

[dixonjeans]

I need to contain the filter/search bar for the calendar within the container within the 2/3 column that I’ve set up. Currently it breaks through the column and the container. See attached for screenshots. Thank you in advance!

[Sky]

Hi there,

Thanks for reaching out. Please note that we are limited in the amount of support that we can provide for customizations such as this. That being said, I may be able to help figure out which elements you need to target with CSS.

Can you explain in more detail what you are wanting to do? The screenshots you have provided look a bit different than what I see when I visit the site. Are the screenshots showing what you are seeing, or what you are trying to do?

Thanks,
Sky

[dixonjeans]

I haven’t really customized anything. Is the Events Calendar compatible with Fusion Builder? The screenshots are what i am working on building for the homepage. it is unpublished currently. I am utilizing Fusion Builder in the Avada Theme to create the page. I’ve attached a few screenshots of that. the banners with logo are placeholders. I’ve used the calendar shortcode [tribe_events] to insert the (month view) calendar. Is the Events Calendar compatible with Fusion Builder?

[Sky]

Hi again,

While the plugin should be compatible with Fusion Builder, we can’t guarantee or provide support for third party themes and plugins. I will say that I often see issues come up that are related to using it with our plugins, and usually it’s javascript errors that are preventing the calendar from functioning properly.

For any layout issues you have using the calendar with the Fusion Builder, you will need to reach out to them for support, or hire a developer to customize things to your liking.

I definitely can’t provide CSS code or advice for a page that I am unable to inspect in the browser.

Thanks,
Sky

[dixonjeans]

I understand. Ok, i published it here http://vegascarshows.com/vegas-car-shows-homepage/
any assistance you are able to provide is appreciated.

[Sky]

Hi again,

I took a look at your site. I’m assuming you are trying to fix the grey bar that goes off to the left? I wasn’t sure if that was an intentional design element.

In any case, I noticed that you have a minification plugin that is combining all of the css. Our plugins load some style separately for mobile views, and minification plugins also usually combine all of these styles together, causing display issues. Try disabling your minification plugin, or if it has the ability, disable CSS concatenation and minification just for The Events Calendar plugins.

Hope that helps! Let me know if that works for you.

Thanks,
Sky

[dixonjeans]

Hi Sky,
Yes, the grey box seems to be part of the background function of the calendar filter/search; when I expand that section to select different criteria the grey box also expands (attached examples). I disabled both minify and combine css options for the whole site (only option). Cleared the cache and minified each time. Neither individually nor both fixed the issue. Currently using WP Fastest Cache. Is there a plugin that is recommended that works better with the events calendar for this function?

[dixonjeans]

I also tried excluding the whole page from the plugin.

[Sky]

Hi again,

It looks like the styles that are doing that are in Avada. Not sure why they would specify something like that, but it looks intentional.

You can override this with the following CSS:


#tribe-events-bar:before {
width: 100%!important;
left: 0!important;
}


Hope that helps.

Thanks,
Sky

[Support Droid]

Hey there! This thread has been pretty quiet for the last three weeks, so we’re going to go ahead and close it to avoid confusion with other topics. If you’re still looking for help with this, please do open a new thread, reference this one and we’d be more than happy to continue the conversation over there.

Thanks so much!
The Events Calendar Support Team

[Author]

Posts