DAWN Round corners for searchbar and newsletters subscribe bar

[Casperh]

I found a code to make all the buttons rounder in dawn, but the searchbar at the top when clicking on the magnifying glass, and the subscribe to newsletter bar at the bottom aren’t affected (i assume they are not technically buttons)

is there a way to make them rounder as well?

 

 

[suyash1]

@Casperh- please share this page link, it will need css code

[Casperh]

Thanks a lot !

https://thanksskin.myshopify.com
password is pleibe

[suyash1]

@Casperh- wrong password

[Casperh]

My bad, it’s peible

[suyash1 · Accepted solution]

@Casperh- add this csss to the very end of base.css file and adjust numbers as per the need.

/***for search box*****/
.search__input.field__input {
    border-radius: 10px;
}

/***for newsletter box*****/
.newsletter-form__field-wrapper .field__input {
    border-radius: 10px;
}

[Casperh]

Thank you so much ! 
if i want to change to color of those boxes can i do it here?

[suyash1]

@Casperh- yes add color properties to these boxes

[Casperh]

i tried this but with no avail

/***for search box*****/

“.search__input.field__input {

    border-radius: 10px;

    color: #24CFAB;

}”

[suyash1 · Accepted solution]

instead of color, try background-color and check