Search box Customization

Posted in: Newspaper
Post count: 20
Sotiris
#21995
Sep 19, 2014 at 5:34 pm

Adding a search widget i want to:
a. Change the backgroung colour of searchable tab (the tab that you type the search request)
b. Change the backgroung colour of “SEARCH” button.

Thanks in advance!

S.

Post count: 6600
Lucian
#22108
Sep 22, 2014 at 9:53 am

Hi,

Use this css in theme panel > custom css, like this: http://screencast.com/t/2tvCa6DEVtFj 

.td-head-form-search-wrap .wpb_btn-inverse,  .td-search-form-widget .wpb_btn-inverse {
color: white;
background: #4b4b4b !important;
}

.widget_search .td-search-form-widget #s, .widget_search .td-search-form-widget #s:focus {
background-color: 
#E72030 !important;
}

.header-search-wrap .dropdown-menu .td-head-form-search-wrap #td-header-search {
background-color: #E72030!important;
}

Change the color as you like. Remove the one for the dropdown header menu if you want to do this only for the sidebar widget or reverse.

Thanks

Post count: 20
Sotiris
#22143
Sep 22, 2014 at 1:06 pm

Thanks Lucian!

Great as always.

BR,

S.

Viewing 3 posts - 1 through 3 (of 3 total)
You must be logged in to reply to this topic.