Change contact form boxes and text colors

Hi, my contact form currently looks like this:

I would like it to looks like this

Hi @GeorgeRizos ,

This is PageFly - Advanced Page Builder.

You can try with this code:

Follow this:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css.

Step 3: paste below code in bottom of file → save.

.field__input {

background-color: white !important;

}

.field__label {

color: red !important;

}

Hope that my solution works for you.

Best regards,

PageFly

thanks! I worked!

Hi @GeorgeRizos ,

You’re most welcome!

I’m really glad that it worked perfectly on your end! :blush:

Thanks @PageFly-Victor , 1 more question

the text that I now type in those boxes is white, can you change that to red too?

Hi @GeorgeRizos ,

This is PageFly - Advanced Page Builder.

You can try with this code:

Follow this:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css.

Step 3: paste below code in bottom of file → save.

.field__input {

color: red !important;

}

Hope that my solution works for you.

Best regards,

PageFly

Thanks @PageFly-Victor !Could you also change the ‘2 products’ text to bright white on the catalog page?

Could you maybe also check out my other posts?

  1. https://community.shopify.com/c/shopify-design/center-section-headings/td-p/1822050

  2. https://community.shopify.com/c/shopify-design/insert-image-background-in-footer-and-footer-dimensions/td-p/1821333

1 Like

Hi @GeorgeRizos ,

I’ve already checked and replied to your other post https://community.shopify.com/c/shopify-design/center-section-headings/td-p/1822050

Please help me check that post to see my solution.

Hope that my solution works for you.

Best regards,

PageFly

Hi @GeorgeRizos ,

Regarding your question “Could you also change the ‘2 products’ text to bright white on the catalog page?”

You can try with this code:

Follow this:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css.

Step 3: paste below code in bottom of file → save.

.light {

opacity: 1 !important;

}

Hope that my solution works for you.

Best regards,

PageFly