[Sean]

Brook,

I made some changes to the prior rule to get the Show Filters box and text displaying as desired:

body #tribe_events_filters_wrapper #tribe_events_filters_toggle.tribe_events_filters_show_filters {
height: auto;
width: auto;
margin-top: -20px;
line-height: 30px;
}

However, when “Show Filters” is clicked on mobile devices, the first few filters (Event Categories, etc) are being hidden by the Avada menu/navigation.

So, I tried the following:

.tribe-events-filters-vertical #tribe_events_filters_form {
    margin-top: 80px;
}

That fixed the issue on mobile, but unfortunately it causes desktop view to have blank space between “Narrow Your Results” and the “Event Categories” filter. Do you know how I can have this rule only apply to the smaller mobile screens? Or is there another element that I should be targeting?

Thanks again,
Karly

• This reply was modified 8 years, 6 months ago by Sean. Reason: Removed "position: relative;" from last rule

[Sean]

Thank you very much Brook. I tried that revised rule and it is working good. Just need to see if I can get it (the “Show Filters”) to display in the same location (below the Tribe Events Bar) that the “Collapse Filters” does.

I’ll definitely reach out to Theme Fusion to make aware of these incompatibilities.

Thanks for your help!

[Sean]

Hi Brook,

Bummer; that didn’t seem to have any effect on the placement of the “Show Filters” text or block on mobile devices.

Totally understand that its not on you guys for Avada not being compatible with the Filter Bar; I’ll reach out to Theme Fusion to alert them to it. Even though they tout it as being compatible with TEC & PRO, for those of us that use the Filter Bar its a problem. So hoping they’ll make it compatible “out of the box” soon.

In the meantime, are there any other elements we should try targeting to resolve this layout of the “Show Filters” on mobile devices? When the Filter Bar is opened on mobile, everything appears correctly.

Thanks again.

[Sean]

Hi Brook,

We have a lot of terms to change, so looks like the .mo/.po method is still the way to go. Thanks for confirming!

Best,
Karly

[Sean]

Thanks Geoff. In my case (using the Avada theme) the Event Website actually is located in the sidebar (as opposed to the main content), so I’m not sure if that function would get the desired result. In any case, we’re going to be hiring a developer to add some custom functionality to TEC, so will probably have to have them tackle this then. Thanks again!

[Sean]

Good morning Brook,

Thanks! That seems to have fixed the issue on desktops.

However, I just noticed on mobile devices the Filter Bar appears as a box on top of the Tribe Events Bar (no text, just a gray box). The “Show Filters” text appears on top of the “Upcoming Events” header. Very weird! Any suggestions on what css might fix that?

Thanks again,
Karly

[Sean]

PS – This custom CSS was added previously added to resolve an issue with the Filter Bar having blank space next to it and the calendar view displaying below the Filter Bar.

#tribe-events-content {clear: none !important;
}

[Sean]

Brook,

That works great. Thank you very much for helping with this!

Best,
Karly

[Sean]

Brian,

This got me headed in the right direction. Just had to fiddle with the margins to get it exactly how I wanted.

Appreciate you taking the time to help here!

Best,
Karly

[Sean]

This reply is private.

[Sean]

Good afternoon Geoff,

Thanks for explaining how the snippet does not effect the additional fields. I took another look in my theme and I think the issue was that I was setting the class of the “Event Website” button to be the same as another class that was targeting the other links in the sidebar? I’m not sure how or why – I just know that when I removed the class entirely from the Event Website snippet, the additional fields returned to their regular styling.

Happy to hear that this lead to the discovery of another issue!

Now, I just need to figure out how to properly target the Event Website link in the sidebar so that it appears with the same styling as the buttons in my main content, even though that string is an “a”/link element.

Best,
Karly

[Sean]

Hi again Brook,

Thanks for your reply. Good to know that the fields being cleared upon submission is a bug with the plugin itself (as opposed to something on my end!). Hope that a fix can be released soon after 4.0 ships, but happy to hear it is on your “to-do” list 🙂

Regarding the last issue, I actually wasn’t referring to an individual error message that is shown when editing a recurring event. It’s just the custom message that appears above the error messages. So in my case, I see the following when editing a recurring event:

There was a problem submitting your event. The following fields are required:

Warning: You are editing a recurring event. All changes will be applied to the entire series.

This is the snippet that I’m using in my functions.php to customize the required fields error message and create the message that appears before any “XXX is required” error messages or the recurring event edit warning.

// Customize Required Fields Error Message
function ce_custom_error_msg( $errors ) {
// Don't filter if it is an 'update' or other type of message
if ( $errors[0]['type'] != 'error' ) return $errors;
 
$existing_errors = '';
$type = 'error';
 
if ( is_array( $errors ) ) {
$existing_errors = $errors[0]['message'];
$type = $errors[0]['type'];
}
 
// Set overall message by appending a heading to the front
$errors[0] = array(
'type' => $type,
'message' => '<h5>There was a problem submitting your event. The following fields are required:</h5>' . $existing_errors
);

Wasn’t sure how or if it is possible to only have the heading that is appended to the front only appear when the form is submitted with errors (so it isn’t added when the “Warning: You are editing a recurring event…” is displayed).

[Sean]

Hi again Nico,

This is exactly what I needed and it works perfectly. Thank you so much for taking the time to put this together. Hopefully this will help others who want to change the start/end time on Community Events as well 🙂

Have a great day!

[Sean]

Hi Brian,

Thanks for your help with this. That is helpful to know that the end time is hard coded on the single event pages. The alternative method that you suggested worked for me. Thank you again for helping to resolve this issue.

Best,
Karly

[Sean]

Good afternoon Brian,

Thank you for explaining about the relationship with Avada. That is good to know 🙂

I tried your snippet and that does indeed work for me as well. The only issue is that the “Back to Current Month” link (that I had added via another TEC KB article) is aligned to the left for the navigation links at the top of the calendar (as opposed to being aligned in the middle between the previous and next month navigation links). So both that and the previous month link text are stacked on top of one another and not readable. The navigation links displayed under the calendar view still display the links aligned correctly though.

[Author]

Posts