Home › Forums › Calendar Products › Filter Bar › Hiding all filters except the search filter
- This topic has 2 replies, 3 voices, and was last updated 10 years, 10 months ago by
Support Droid.
-
AuthorPosts
-
May 29, 2015 at 3:18 am #965952
Øystein
ParticipantIs there an easy way to hide all the other filter (and other stuff) from the tribe-bar? There’s no good tutorial or forum post about this. I just want to keep the search filter so I can place it in a neat spot.
I’ve done this in the css to hide all the unwanted stuff:
/* tribe-events-bar */ .tribe-bar-views, #tribe-bar-views, .tribe-bar-submit, .label-tribe-bar-search, #tribe-bar-form label, #tribe-bar-collapse-toggle{ display: none; } #tribe-events-bar, #tribe-bar-form input, .tribe-bar-search-filter, #tribe-bar-search, #tribe-bar-form { padding: 0; margin: 0; } #tribe-bar-form input { position: relative; top: 0px; left: 160px; } #tribe-bar-form, #tribe-events-bar { background-color: white; } .tribe-events-uses-geolocation .tribe-bar-search-filter, .tribe-bar-submit, #tribe-bar-form input[type="text"] { width: 350px; font-size: 18px; text-transform: uppercase; color: black; border: none; float: left; font-style: normal; font-weight: normal; font-family: "Trebuchet MS", Helvetica, sans-serif; }This method kinda works, only on the front page for some reason (list-day-view), so as now I’m hiding it on all the other pages.
May 29, 2015 at 12:38 pm #966112George
ParticipantHello,
While we can only provide very limited support for customizations here, this should fortunately be somewhat easy to do. I’d personally recommend getting rid of the CSS you pasted here, and instead replace it with this:
.tribe-bar-filters { display: block !important; } .tribe-bar-date-filter, .tribe-bar-geoloc-filter, .tribe-bar-filters-open, #tribe-bar-views { display: none !important; }Here’s how that looks for me on my site → https://cloudup.com/cSrcTJyvgM7
For further customizations of this nature, check out a [free] tool like Firebug if you use FireFox, or the Developer Tools for either Safari or Chrome – they’ve all got an “Inspector” tool that makes finding these elements as easy as hovering your mouse over them 🙂
Cheers!
GeorgeJuly 7, 2015 at 6:32 am #984221Support Droid
KeymasterThis 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. -
AuthorPosts
- The topic ‘Hiding all filters except the search filter’ is closed to new replies.
