Contact Form 7 not reading child theme CSS

  • DidoH

    (@didoh)


    8 years, 11 months ago

    Hi there,

    I have been trying to style my contact form submit button and I have tried as many different ways as I can find and think of. Looking at the button in inspect element I can see that it is taking the CSS from my parent theme (Musuem) not my child theme. Consequently I think any of the custom CSS I am writing is not being read. This is the code I have left off with, but I have tried many alternatives.

    .wpcf7-submit {

background: #4bd8c3 !important;

color: #ffffff;

}

    Do you know how I can get it to read my custom CSS? The website is http://www.wp.julialloydgeorge.com

    https://wordpress.org/plugins/contact-form-7/

Viewing 1 replies (of 1 total)
  • CrouchingBruin

    (@crouchingbruin)

    8 years, 11 months ago

    The problem is that you have a syntax error in your child theme’s style.css file. If you look at the rule just above the one where you are styling the button, you’ll see this rule:

    .jsn-bootstrap3 button, .jsn-bootstrap3 html input[type="button"], .jsn-bootstrap3 input[type="reset"], .jsn-bootstrap3 input[type="submit"]
  background-color: #4bd8c3 !important;
}

    It’s missing the opening left brace { just after the selector. The syntax error is causing all of the rules which follow it to be not used. Change it so it looks like this:

    .jsn-bootstrap3 button, .jsn-bootstrap3 html input[type="button"], .jsn-bootstrap3 input[type="reset"], .jsn-bootstrap3 input[type="submit"] {
  background-color: #4bd8c3 !important;
}

    By the way, at the very top of your child theme’s stylesheet, in the General CSS Helpers section, the comment is left unclosed, so the rules for .about p and .about h3 are not being used. If you want those rules to be in effect, close off the comment properly by changing the end of the heading comment from this:

    /**

    to this:

    **/

Viewing 1 replies (of 1 total)
  • The topic ‘Contact Form 7 not reading child theme CSS’ is closed to new replies.