Solved

DAWN Round corners for searchbar and newsletters subscribe bar

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)
suyash1
Shopify Partner
9077 1129 1479

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;
}
To build shopify pages use pagefly
You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
paranormal story video using AI

View solution in original post

suyash1
Shopify Partner
9077 1129 1479

This is an accepted solution.

instead of color, try background-color and check
To build shopify pages use pagefly
You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
paranormal story video using AI

View solution in original post

Replies 15 (15)

suyash1
Shopify Partner
9077 1129 1479

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

 

To build shopify pages use pagefly
You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
paranormal story video using AI
Casperh
Excursionist
28 0 8

Thanks a lot !

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

suyash1
Shopify Partner
9077 1129 1479

@Casperh- wrong password

suyash1_0-1636269508683.png

 

To build shopify pages use pagefly
You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
paranormal story video using AI
Casperh
Excursionist
28 0 8

My bad, it’s peible

suyash1
Shopify Partner
9077 1129 1479

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;
}
To build shopify pages use pagefly
You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
paranormal story video using AI
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
9077 1129 1479

@Casperh- yes add color properties to these boxes

To build shopify pages use pagefly
You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
paranormal story video using AI
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
9077 1129 1479

This is an accepted solution.

instead of color, try background-color and check
To build shopify pages use pagefly
You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
paranormal story video using AI
Casperh
Excursionist
28 0 8

Thanks so much

just wanted the border to be colored, so i altered to “border-color : #99999” 

 

That worked but the grey border is still over it, i wish both were colored, or just the green one but thicker5D9CD453-39CC-4EB3-9743-23DF4F921C8D.jpeg

suyash1
Shopify Partner
9077 1129 1479
try border:solid 1px #008000;
To build shopify pages use pagefly
You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
paranormal story video using AI
Casperh
Excursionist
28 0 8

Unfortunately that made the whole border grey and not thicker, both with your # and my color

suyash1
Shopify Partner
9077 1129 1479
try border:none to remove border
To build shopify pages use pagefly
You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
paranormal story video using AI
Casperh
Excursionist
28 0 8

Unfortunately it doesn’t change anything, i might leave it at that

thank you so much for your help

suyash1
Shopify Partner
9077 1129 1479
welcome, you have my email below, do let me know if you need anything
To build shopify pages use pagefly
You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
paranormal story video using AI