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-4D0…

@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 - please share this page link, it will need css code

Thanks a lot ! https://thanksskin.myshopify.com password is pleibe

@Casperh - wrong password [suyash1_0-1636269508683.png]

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; }”

instead of color, try background-color and check

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 [5D9CD453-39CC-4EB3-9743-23DF4F921C8D.jpeg]

DAWN Round corners for searchbar and newsletters subscribe bar

Store Design

suyash1 November 7, 2021, 8:36am 14

try border:none to remove border

Topic		Replies	Views
Making the email subscription box corners round Store Design design , footer , css , shopify-themes	3	92	May 4, 2025
Rounded borders for newsletter form Store Design design , customizations , css , html	5	62	September 12, 2024
How do I round buttons on Shopify Dawn theme? Store Design design , css	2	109	April 7, 2023
How to change the default search icon to a rounded search bar in Dawn theme? Store Design design , header , customizations , css , shopify-themes	3	35	July 24, 2023
Newsletter Form Issues ( Shopify Dawn Theme ) Store Design liquid , design , customizations , footer , css , shopify-themes , html	6	80	February 3, 2025

DAWN Round corners for searchbar and newsletters subscribe bar

Related topics