Contact Form 7 Custom CSS Not Working

SJMaximus11 · October 2018

I've been trying to add some custom styles to my form but nothing is working. Even a simple command like making the submit button 100% width isn't working.

If I first make the change in the Chrome Inspector, it works. As soon as I add it to the Custom CSS in the Theme Options, it doesn't work.

Is there something in the theme that is blocking it from working on the forms?

I'm also noticing that other custom styles won't work as well.

I've paid for the theme but haven't registered it yet. We're building a copy of this particular website and I didn't want to have to register, deregister and then register it again when it goes live. Is that the problem?

Pablo · October 2018

Hi,

While your theme is not registered, we cannot help you.

After registering it, please send us a link to your website.

Thanks.

SJMaximus11 · October 2018

It's registered now: https://elcoindustries.com/

Again, if you choose to "Inspect" it in the browser and make temp CSS changes, the form will change. It's when I add it to the Custom CSS that it still doesn't work.

I can send you login info to the website if you want to give me your email address.

Pablo · October 2018

Hi,

Your Custom CSS is issued.

http://prntscr.com/l58lpa

http://prntscr.com/l58kk1 - In Custom CSS, do not enter a <style>

  .wpcf7-submit{
    width:100% !important;
  }

This code above will work, if your CSS code won't be issued.

Thanks.

SJMaximus11 · October 2018

Sorry about that. I think I was staring at it for too long. Stupid mistake...

Thanks for the help.

SJMaximus11 · October 2018

By the way, the support for the theme is always excellent.

Bryan · October 2018

Thanks! We are happy you think so.

cheers

Contact Form 7 Custom CSS Not Working

Comments