Child theme edits only work with !important

Question

In my site's child theme some changes only take effect if I use !important. Is this proper procedure or is it more of a workaround? Is there a better technique more in line with best practices?

Could help: http://stackoverflow.com/questions/3706819/what-are-the-implications-of-using-important-in-css — nikoskip, Mar 24 '16 at 04:43

score 1 · Accepted Answer · answered Mar 24 '16 at 08:56

1

It certainly isn't best practice, you'll probably want to look into specificity in CSS.

If you have a Child theme you may want to give it a body class of say my-child-theme, then in your child theme CSS you can do;

.my-child-theme .child-theme-element { background: pink }

without the need for using !important

answered Mar 24 '16 at 08:56

itsphilz

455
2
9

Oh ok that makes sense. How do I add a body class? – tensormoby Mar 26 '16 at 22:00

Child theme edits only work with !important

1 Answers1