Help with FS Contact Form customization

I installed the FS Contact Form and it appears differently in the Moesia Theme than the other themes I use it in. I’m thinking the Moesia settings are overriding the ability to customize the form.

In particular I want to customize the look of the button

Is there a way to change how the form looks?

Post a link to your page please and tell me what you would like to change.

https://www.smsolutionsco.com/meet-for-coffee/

https://www.smsolutionsco.com/find-out-if-your-marketing-collateral-is-working-for-you/

What I want to change:

  1. The large red button and the yellow with a red shadow.

  2. You have to click the submit button twice

  3. When you put in the captcha code, you can’t see the entire number.

Hope you can help

  1. You can use this in a custom CSS plugin to control the colors:

input[type="submit"] {
    background-color: #333;
    box-shadow: 0 5px 0 #000;
}

  1. Not sure how I could help with that. I’ve also tried it and the submit works from the first click.
  2. The plugin sets the width for that field as far as I can see. You can overwrite it by using this:

input#fscf_captcha_code2 {
    width: 100% !important;
}

OK…I will try these. Thank you :slight_smile:

The css for the color of the submit button worked but the captcha box is still the same size.

Sorry, that was for your other form. Use this too:


input#fscf_captcha_code1 {
    width: 100% !important;
}

Unfortunately the plugin doesn’t add classes so it’s not really possible to target them all at once.

OK. I’ll try again. Thank you!