Styling the Search Bar in the Top Bar

[Felippe]

Felippe

August 4, 2017 at 9:17 am

Hello,

On the site *Login to see link , I want to make the search bar in the Top Bar to look like the search bar in the header of the site *Login to see link .

In the later case, you guys gave me the short code below. I think I can use the same shortcode, I just need to know how to adapt it in order to work for a search bar in the Top Bar, instead of in the header. Should I just change “.kad-header-widget” for something different?

Thank you,
Felippe

.kad-header-widget .form-search .search-query {
border: 1px solid #fbedd0;
border-radius: 1000px !important;
opacity: 0.8;
color: #b3c800;
min-width: 400px;
}
.kad-header-widget .form-search .search-icon {
color:white;
background:#b3c800;
right: 0;
left: auto;
width: auto;
border-top-right-radius: 16px;
border-bottom-right-radius: 16px;
}
.kad-header-widget .form-search .search-icon:after {
content:”BUSCAR”;
padding-left:5px;
padding-right: 5px;
font-weight:800;
font-family: “Roboto condensed”;
}
.kad-header-widget .form-search {
max-width: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}