Customize Search form and filter form

[agustin866]

Hi Guys, can you give me the css code to customize my background , border color, button color ?

And the same for filter form in search result page?

Thanks a lot!

[Bryan]

Hello

Please send me a screenshot with some text to description your wishes so i can help you do it.

Thanks

[agustin866]

Hi Bryan

I have make red arrown in what i like to customize, actually I am using this code but I think is not correct, cause for some reason I must have the 2 entries to work

.tab-tour2 {
    background: #FFF157; !important;
    border-color: #c3abab !important;
}

.search-tabs-bg > .tabbable >.tab-content > .tab-pane.active {
    background: #FFF157; !important;
    border-color: #c3abab !important;
}

Attachments:

You must be logged in to view attached files.

[Bryan]

you can use thí code:

.search-tabs-bg > .tabbable >.tab-content > .tab-pane.active {
    background: #4de2dc !important;
}
.search-tabs-bg > .tabbable > .nav-tabs > li.active > a {
    background: #9939ff;
    border-color: #51d214;
    color: #fff900;
}
.search-tabs-bg > .tabbable > .tab-content .btn.btn-primary.fa.fa-plus,.search-tabs-bg > .tabbable > .tab-content .btn.btn-primary.btn-lg {
    background: #9939ff;
    border-color: #51d214;
    color: #fff900;
}

thank

[agustin866]

Great , worked super!

I forgot to ask, what is the code to change the search fields background, location zip code and 2 calendars pickers, dd/mm/yyyy.

I liked to put it white instead of pale yellos like now its shown

Attachments:

You must be logged in to view attached files.

[Bryan]

Hello

You can use this code:

.search-tabs-bg>.tabbable>.tab-content>.tab-pane .form-control {
    background: #fff !important;
}

Thanks

[agustin866]

Great!!!

Thanks a lot

[Bryan]

We hope you’re happy with it.

Your satisfaction is our pleasure – Please vote and send your comments to us if you happy with our products and support.

Thanks a lot!

[Author]

Posts