Child theme CSS not applying to element

Question

I'm working on a child theme for a client and I have a few overriding styles. However, they're not even showing up in the Chrome inspector.

For example if you go to this page: http://vintageaudioswap.com/sign-up-login and click on "Sign up", I'm trying to override the header background-color. Look at my CSS file here: http://vintageaudioswap.com/wp-content/themes/javo-directory-child/style.css?ver=1.0 Last line.

Any help is greatly appreciated. This is happening on more than just this page.

Look at line 295 of your child theme css. There is an extra "{" after "-webkit-border-radius: 3px;"....Remove that "{" and your css is fixed. — Sabbir Hasan
– Sabbir Hasan, Commented Jan 1, 2018 at 17:49

Sabbir Hasan · Accepted Answer · 2018-01-01 17:53:38Z

3

Remove the marked '{' from line 295 of your child theme styles.css file. Check the bellow image to be sure what to remove.

answered Jan 1, 2018 at 17:53

Sabbir Hasan

1,4091 gold badge9 silver badges14 bronze badges

huypham · Accepted Answer · 2018-01-01 17:48:57Z

3

This is your issue. Check php code because I saw it in html inspect :)

answered Jan 1, 2018 at 17:48

huypham

1612 bronze badges

2 Answers 2