Editing Search Bar with CSS

This topic contains 2 replies, has 2 voices, and was last updated by Timothy Cermak 6 years ago.

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket

Author

Posts
February 25, 2019 at 5:40 pm #471071

Timothy Cermak
Expired Member

Post count: 96

Is there a way to edit the search bar with CSS?

https://new.resourceshark.com

I am using beaver builder and beaver theme. When i put the widget in for the search bar i get a white line above and below the search. Is there a way to remove those white lines? Also is there a way to round the edges of the search widget sois not just a rectangle?

February 25, 2019 at 6:01 pm #471073
Kor
Moderator

Post count: 16516
Hi Timothy,

Thanks for your post. You can apply the custom CSS code below to achieve this.
```
.geodir-loc-bar {
    border-top: 0px #e1e1e1 solid;
    border-bottom: 0px #e1e1e1 solid;
    
}
.geodir-loc-bar-in {
    border-radius:10px;
}
```
February 25, 2019 at 7:57 pm #471088

Timothy Cermak
Expired Member

Post count: 96

Thank you Kor!
Author

Posts

Viewing 3 posts - 1 through 3 (of 3 total)

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket