Notice: These forums are now retired and closed. For active support, please Submit a Ticket or visit our official WordPress.org community pages.
Kadence Theme | Kadence Blocks | Starter Templates | WooCommerce Email Designer | Ascend | Virtue | Pinnacle

Sear Bar style in the header's widget

Home / Forums / Virtue Theme / Sear Bar style in the header's widget

This topic is: Resolved
[Resolved]
Posted in: Virtue Theme
March 30, 2017 at 9:28 am

Hello,

I few months ago I asked you guys how to make the search bar in the widgets area of a website rounded and you gave me this CSS, which worked perfectly:

.kad-header-widget .form-search .search-query {
border: 2px solid #C9CCCF;
border-radius: 1000px !important;
opacity: 0.8;
color: #60626b;
min-width: 300px;
}

Now I used it in another website (www.emporiograodeouro.com.br) and it almost worked, but there is a rectangle line behind it that is not looking good. Do you know how I could keep just the search box area with the rounded corners and get rid of the rectangle lines?

Thank you,
Felippe

  • The forum ‘Virtue Theme’ is closed to new topics and replies.