Customize contact form feilds to be filled + outline in dawn theme

[junglecatclub]

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

[Moeed]

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 tag

RESULT:

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[DaisyVo]

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

[websensepro]

Hi @junglecatclub

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!