Tribe Event Bar not displaying correctly

[jmarstrell]

The TribeEventBar is not displaying correctly with my theme. I have tried to modify the CSS without any luck. Any suggestions?

[jmarstrell]

Here is a link to the page, http://www.marstrell.com/events

[Barry]

Hi – thanks for sharing that link.

This seems to stem from some rules in a stylesheet added by your theme: themes/frisco/css/shortcodes.css (as an aside, this same file seems to have been added twice). What I’d recommend here is adding some new rules to a custom tribe-events.css stylesheet as follows:

#tribe-events-bar form label {
    float: none;
    width: 16.667%;
}

#tribe-events-bar form div {
    clear: none;
}

You would still need to do a little tidying up but that ought to provide much better presentation of the Tribe Bar. You can find details for setting up a custom tribe-events.css stylesheet in our Themer’s Guide (link over on the right under Useful Resources).

Does that help?

[jmarstrell]

Thank you, a lot better. Now I just need to make the labels a little longer to stop them from wrapping.

[Barry]

(Closing this thread as it’s been quite a while – if we can help with anything else please do create a new thread. Thanks!)

[Author]

Posts