DAWN Round corners for searchbar and newsletters subscribe bar

Solved
Casperh
Excursionist
28 0 8

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?

4F5A5990-DDA8-4D06-A059-5CF5F1FC02D1.jpeg

9353CF87-76D5-4718-99E2-969DE8320081.jpeg

Accepted Solutions (2)

Accepted Solutions
suyash1
Shopify Partner
3688 407 606

This is an 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;
}
You are welcome to contact me, my email - suyash.patankar@gmail.com
My timezone is GMT+5:30

View solution in original post

suyash1
Shopify Partner
3688 407 606

This is an accepted solution.

instead of color, try background-color and check
You are welcome to contact me, my email - suyash.patankar@gmail.com
My timezone is GMT+5:30

View solution in original post

Replies 15 (15)
suyash1
Shopify Partner
3688 407 606

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

 

You are welcome to contact me, my email - suyash.patankar@gmail.com
My timezone is GMT+5:30
Casperh
Excursionist
28 0 8
suyash1
Shopify Partner
3688 407 606

@Casperh- wrong password

suyash1_0-1636269508683.png

 

You are welcome to contact me, my email - suyash.patankar@gmail.com
My timezone is GMT+5:30
Casperh
Excursionist
28 0 8
suyash1
Shopify Partner
3688 407 606

This is an 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;
}
You are welcome to contact me, my email - suyash.patankar@gmail.com
My timezone is GMT+5:30

View solution in original post

Casperh
Excursionist
28 0 8

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

suyash1
Shopify Partner
3688 407 606

@Casperh- yes add color properties to these boxes

You are welcome to contact me, my email - suyash.patankar@gmail.com
My timezone is GMT+5:30
Casperh
Excursionist
28 0 8

i tried this but with no avail

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

“.search__input.field__input {

    border-radius: 10px;

    color: #24CFAB;

}”

suyash1
Shopify Partner
3688 407 606

This is an accepted solution.

instead of color, try background-color and check
You are welcome to contact me, my email - suyash.patankar@gmail.com
My timezone is GMT+5:30

View solution in original post