Shopify themes, liquid, logos, and UX
hello, i would like to customize all the imput feilds and also the button to have the cream fill and black outline like the example i have shown at the bottom, can anyone help with code for this?
thank you 🙂
Hey @junglecatclub
Follow these Steps:
1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code in the bottom of the file above </body> tag
<style>
.field__input {
background: #EEE9DD !important;
}
</style>
RESULT:
If I managed to help you then, don't forget to Like it and Mark it as Solution!
Best Regards,
Moeed
Hi @junglecatclub ,
You can follow the steps here:
Step 1: Shopify admin > Online store > Customize: https://prnt.sc/XQ6IDB99kUCd
Step 2: From the left menu > Theme settings > Open Custom CSS: https://prnt.sc/ypQ7nly2wv27
Step 3: Copy the code below and paste it there
Here is the code for step 3:
form#ContactForm .field__input {
background: #EEE9DD !important;
}
Here is the result:
Please let me know if it works!
Best,
Daisy
1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.css / based.css file and paste the code in the bottom of the file.
.contact.page-width.page-width--narrow.section-template--20735956811981__form-padding input, .contact.page-width.page-width--narrow.section-template--20735956811981__form-padding .text-area, .contact.page-width.page-width--narrow.section-template--20735956811981__form-padding button {
border: 1px solid black !important;
background: #EEE9DD !important;
}
Result:
If my reply is helpful, kindly click like and mark it as an accepted solution.
Thanks!
Use our Big Bulk Discount app to boost your sales! 🚀 (https://apps.shopify.com/big-bulk-discount). Easy to set up and perfect for attracting more customers with bulk discounts. Try it now and watch your revenue grow!
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025