Remove border from search component
Options
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
04-03-2024 03:02 PM
Hi,
I'm trying to remove the grey border from the search box, I just need a bottom border here but I can't remove the default border.
This is my custom CSS:
* {
align-self: flex-start;
border-color: #5d64b5;
border-radius: 0;
border-style: none none solid none;
border-width: 0 0 1px 0;
width: 44rem;
outline: none !important;
box-shadow: none !important;
}
3 REPLIES 3

Options
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
04-03-2024 05:22 PM
Is this on the homepage search widget? If so, where are you putting the CSS?
Options
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
04-09-2024 08:56 AM
Options
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
08-08-2024 09:07 AM
I am trying to achieve the same. Any help is much appreciated. Thank you!