Shopify themes, liquid, logos, and UX
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?
Solved! Go to the solution
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;
}
This is an accepted solution.
My bad, it’s peible
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;
}
Thank you so much !
if i want to change to color of those boxes can i do it here?
i tried this but with no avail
/***for search box*****/
“.search__input.field__input {
border-radius: 10px;
color: #24CFAB;
}”
This is an accepted solution.
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
Unfortunately that made the whole border grey and not thicker, both with your # and my color
Unfortunately it doesn’t change anything, i might leave it at that
thank you so much for your help
Discover how to increase customer engagement on your store with articles from Shopify A...
By Jacqui Apr 23, 2025Hey Community 👋 Did you know that March 15th is National Everything You Think Is W...
By JasonH Apr 1, 2025Discover how to increase the efficiency of commerce operations with Shopify Academy's l...
By Jacqui Mar 26, 2025