Shopify themes, liquid, logos, and UX
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; }
Solved! Go to the solution
This is an accepted solution.
Hi @jeffreym
Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code
Step 2: Search file theme.liquid
Step 3: Insert this code above </head> tag:
.newsletter-form__field-wrapper input[name="contact[email]"] {
border: 1px solid #dadada !important;
}
Hi @jeffreym
Please use this code.
.newsletter-form__field-wrapper .field__input { border: 1px solid #dadada; }
- Helpful? Like and Accept solution! Support me: Buy coffee
- Ryviu - Reviews & QA app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.
Hi @jeffreym
1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > base.css and paste this at the bottom of the file:
.newsletter-form__field-wrapper input[type="email"].field__input {
border: 1px solid #dadada;
}
This is an accepted solution.
Hi @jeffreym
Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code
Step 2: Search file theme.liquid
Step 3: Insert this code above </head> tag:
.newsletter-form__field-wrapper input[name="contact[email]"] {
border: 1px solid #dadada !important;
}
We appreciate the diverse ways you participate in and engage with the Shopify Communi...
By JasonH Sep 9, 2024Thanks to everyone who participated in our AMA with 2H Media: Marketing Your Shopify St...
By Jacqui Sep 6, 2024The Hydrogen Visual Editor is now available to merchants in Shopify Editions | Summer '...
By JasonH Sep 2, 2024