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! or Buy me coffee
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Ryviu: Aliexpress Reviews - AliExpress Reviews Importer, one-click import aliexpress reviews, export reviews to CSV file.
- 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;
}
Starting a B2B store is a big undertaking that requires careful planning and execution. W...
By JasonH Sep 23, 2024By investing 30 minutes of your time, you can unlock the potential for increased sales,...
By Jacqui Sep 11, 2024We appreciate the diverse ways you participate in and engage with the Shopify Communi...
By JasonH Sep 9, 2024