How to change input field and hover button colors on Contact us page?

Store Design
, , ,
1

Hello!

  1. Can someone please help me change the background color of input fields to white on Contact us page?

  2. How can I change the Hover state color on ‘Send’ button to black? (Also change the color of the border line that shows right now around the button on hover to black)

Screenshot 2023-03-01 at 4.51.04 PM.png
Screenshot 2023-03-01 at 4.51.04 PM.png1574×1246 44.3 KB

1 Like
2

Hi @jk888 ,

This is Victor from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/base.css->paste below code at the bottom of the file:

input#ContactForm-phone,
textarea#ContactForm-body,
input#ContactForm-name,
input#ContactForm-email
{
    background: white;
}

.contact__button > button:hover {
    background: black;
}
.contact__button > button:hover:after{
    display:none !important;
}

Hope my answer will help you.

Best regards,

Victor | PageFly

1 Like
3

Hi, @jk888 .

Thank you for reaching out!

I would be happy to help you with color changes to your theme. I will need a bit more information before I can help. Is your theme a Shopify theme or a third-party theme? If it is a Shopify theme, which theme is it?

Please let me know if you have any further questions! I would love to learn more about your business. What type of products do you sell?

Talk soon,

4

Hello @jk888 ,

Can you give me your Store URL( with pass if your store password is enabled) so I can check it for you?

Kind & Best regards,
GemPages Support Team

5

@PageFly-Victor You’re amazing! Thank you