Hiding all filters except the search filter

Home Forums Calendar Products Filter Bar Hiding all filters except the search filter

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #965952
    Øystein
    Participant

    Is 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.

    #966112
    George
    Participant

    Hello,

    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!
    George

    #984221
    Support Droid
    Keymaster

    This 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.

Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Hiding all filters except the search filter’ is closed to new replies.