Events page in lightbox?

[Rich Berardi]

Good morning, on your demo page:
http://wpshindig.com/events/

you have your events showing in a lightbox.

we are currently having issues with filterbar not displaying correctly on smaller screens/mobile. (From what I have read, this is due to the fact that our theme, The7, uses Visual Composer.

You can see the issue here: (resize your browser window, or check on mobile)
http://georgian.edu/events/

…than click show filters. You can see that we just get a long scrolling white box.

I have tried changing all the “basic template settings”, but no matter what I do, the filter bar does not work correctly on smaller screens/mobile.

I was hoping, by using a lightbox for the events page/events – I would be able to get around this issue, being that the lightbox would remove the page elements that are causing the issue.

Thank you for any insight.
Rich

[George]

Hey Rich,

Thanks for reaching out!

We are not using any lightboxes on our demo site, though maybe when I say “lightboxes” and you say “lightboxes” we have different things in mind? To help me understood what you’re referring to, can you share a screenshot a “lightbox” in effect on our demo site?

You can do so by uploading the screenshots to this thread. If you have issues with that, you can upload to Imgur.com, Flickr.com, CloudUp.com, or any similar image-hosting site; then just share the links to those images here and I’ll take a look.

---

As for the issues with filter bar directly, does anything improve if you add the following CSS to the bottom of your theme’s style.css file:


.tribe-filters-open #tribe_events_filters_wrapper,
.tribe-filters-open #tribe_events_filters_wrapper.tribe-events-filters-horizontal,
.tribe-filters-open #tribe_events_filters_wrapper.tribe-events-filters-vertical {
position: relative !important;
}

I know that looks like a dense and odd bit of code, but try it out and let us know if this helps at all! 😀

— George

[Rich Berardi]

HOLY C$@P! George, you are the man. That TOTALLY resolved the issue. I can’t thank you enough.
I am sure that this bit of code would be very helpful to others, given the popularity of The7 and your Calendar.

One last question, if I wanted to change the word “Select” (to something like “Choose a Category”) for the dropdown in Filter Bar – where might I find that bit of code?

Thanks again!

[George]

Hey Rich,

Glad to have helped with that first bit of CSS. When it comes to changing that text you mention, this is unfortunately a bit more complicated. 🙁

It’s indeed possible, but at this time you would have to manually edit a file within your copy of the Filter Bar plugin. This means you would have to re-customize the plugin after the next update, for example, because the auto-updates overwrite the existing files.

The file where you can edit this code is this one:

/the-events-calendar-filterbar/src/Tribe/Filter.php

Around line 236 of that file you’ll see the “Select an item” text, which you can change to whatever you’d like. Here’s what that block of code looks like, for reference: https://cldup.com/hehe_uiLrd-3000×3000.png

Sorry to disappoint in some respects on this second modification. Please let me know if there is anything else I can try to help with.

Sincerely,
George

[Rich Berardi]

Thanks again!
I tried making the edit around line 236, but it was actually on line 201.
<option value=”” <?php selected( trim( $current_value ), ” ) ?>><?php esc_html_e( ‘Choose an Event Category’,

I’m all set.
Thanks.

• This reply was modified 9 years, 9 months ago by Rich Berardi.

[George]

Nice!

[Author]

Posts