Child Theme CSS Not All Showing Up

Can you please give a specific example of a link on a page that’s not the correct color? It’s a good sign that at least some rules are being enforced.

If you learn to use a web debugging tool like Firebug or Chrome Developer Tools, you’ll be able to see what CSS rules are in effect for a particular element. Often, if a rule that you’ve created isn’t being used, it’s because a selector with a high enough specificity wasn’t created.

I use Firebug and the like all the time. Look at the links in the content area on this page: https://dunkingfrogs.com/?page_id=149 . They are supposed to be green but are instead the default theme color (teal blue color). Take a look at the link at let me know if it looks like a selector problem.

Here is the code from parent theme:

article a {color: #2eb396;}

It should be this shade of green –> #6c9d30

In your child theme:

media="all"
article a {
color: #6c9d30;
}

remove the media=”all”

Sorry I was to the point where I was trying anything and everything and left that there. It is now removed and still no luck.

In your child theme’s stylesheet, you’ve forgotten the closing bracket right after this rule:

.right {
float: right;
margin: -70px 30px;

Add !important. or try using .mid-column article a

I still see media=”all” in the style sheet. Remove that line, plus add the closing brace as pointed out by @stephencottentail, and that rule should work.

As an aside, you should rarely use !important, it makes it harder to write future overriding CSS. The only times I use it is to override inline style, or a previous rule that includes !important.

@stephencottontail: Thanks. I feel like such a schmuck. I don’t know how that slipped my eyes so many times. I felt like I was going crazy. Thanks.