What is the code to put a border around the email box on the main page? I have tried what is pasted below but I dont think my coding is yet effective… Hygiadental.com Melek textarea#Emailform-body.text-area.field__input { border: 1px solid #dadada;} [Screenshot 2024-07-24 at 6.50.34 PM.png]

Hi @Anonymous Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code Step 2: Search file theme.liquid Step 3: Insert this code above tag: .newsletter-form__field-wrapper input[name="contact[email]"] { border: 1px solid #dadada !important; }

Border around email box

Store Design

Dan-From-Ryviu July 24, 2024, 8:57am 2

Hi @Anonymous

Please use this code.

.newsletter-form__field-wrapper .field__input { border: 1px solid #dadada; }

Topic		Replies	Views
How can I add a border to the email input field in my form? Store Design design , customizations , css , shopify-themes , troubleshooting	2	6	April 6, 2023
Need help adding border to Newsletter Signup Store Design	2	3	September 9, 2022
How to remove the white border around an email form? Store Design design , customizations , landing-page , css , shopify-themes	9	21	September 4, 2023
How can I make the border around the cartnote and email newsletter box slimmer? Shopify Discussion shop-performance	3	5	December 22, 2022
How to add a dark border to input fields on Contact Us page? Store Design	1	28	September 17, 2021

Border around email box

Related topics