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, 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,3891 gold badge8 silver badges14 bronze badges

That was it! Thanks man. Been looking at this too long.
– lz430
Commented Jan 1, 2018 at 17:57

Add a comment |

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

this is not the reason that stopped partial css loading properly. Please check my comment to the actual question.
– Sabbir Hasan
Commented Jan 1, 2018 at 17:51
After resolve that issue then you can check your css. 1 error here prntscr.com/hutum0 Just remove it :)
– huypham
Commented Jan 1, 2018 at 17:56

Add a comment |

2 Answers 2