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?
@Casperh - please share this page link, it will need css code
1 Like
Thanks a lot !
https://thanksskin.myshopify.com
password is pleibe
@Casperh - wrong password
@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;
}
2 Likes
Thank you so much !
if i want to change to color of those boxes can i do it here?
@Casperh - yes add color properties to these boxes
i tried this but with no avail
/for search box **/
“.search__input.field__input {
border-radius: 10px;
color: #24CFAB ;
}”
suyash1
November 7, 2021, 8:09am
10
instead of color, try background-color and check
1 Like
Casperh
November 7, 2021, 8:19am
11
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 thicker
suyash1
November 7, 2021, 8:23am
12
try border:solid 1px #008000 ;
Casperh
November 7, 2021, 8:33am
13
Unfortunately that made the whole border grey and not thicker, both with your # and my color
suyash1
November 7, 2021, 8:36am
14
try border:none to remove border
Casperh
November 7, 2021, 8:50am
15
Unfortunately it doesn’t change anything, i might leave it at that
thank you so much for your help
suyash1
November 7, 2021, 8:52am
16
welcome, you have my email below, do let me know if you need anything