Customize the text color of a contact form

[ActivAdv]

Hi, im working on a theme section template by GemPages but i have a problem:

I'd like to have the text color in black for each of the 3 fields, but the most important issue is the email field.

Seems that the color of the cursor and the text is white...

How could i solve it?

Section preview: https://mockstyle.com/a/gempages?version=v7&shop_id=516242170353550504&theme_section_id=519612440602...

Thanks!

[BSSCommerce-B2B · Accepted solution]

Hi @ActivAdv ,
Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file gp-global.css, base.css, theme.css, styles.css, custom.css or theme.scss.liquid

Step 3: Insert the below code at the bottom of the file -> Save

#contact_form input, #contact_form textarea {
    color: #000 !important;
}

Here is result: 

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 

[BSS-TekLabs]

Add the following code snippet to the file theme.css or base.css.

input[type='email']{

color: var(--g-c-text-1, text-1)

}

[Made4uo-Ribe]

Hi @ActivAdv 

Check this one. 

1. From you Admin page, go to Online Store > Themes

1. Select the theme you want to edit
2. Under the Asset folder, open the main.css(base.css, style.css or theme.css)
3. Then place the code below at the very bottom of the file.

input.gp-form-item, textarea.gp-form-item {
color: black !important;
}

• And Save. 
• Result:
• 

[ActivAdv]

thankyou guys, o solved the problem following your solutions!!
Thanks so much

[GemPages]

Hi @ActivAdv,

At GemPages, adding custom CSS to an Email element by follow these steps:

1. Open the Editor: Select the page you want to edit from the GemPages Dashboard and open it in the editor
2. Right Click to element you want add custom CSS: In the left sidebar, navigate to the "Advanced" tab.
   
3. Add CSS color:#000!important
   Hope this can help you,
   Best regards,
   GemPages Support Team