What is it you’re trying to do to the H1 tag? I noticed it has “font-color: #ffffff” applied to it. font-color isn’t a valid css property. It should just be “color: #ffffff”.
Yeah, sorry, I’ve been trying a bunch of different things because nothing was working. Just using #ffffff so that I’ll notice when it finally changed. I’ve tried “color: #ffffff” and that didn’t work either.
Okay I added the !important element and it worked. Any idea how to change it so that I don’t have to add that to EVERY line of code I want to add?
Currently it has “font-size: 24px” and “font-color: #ffffff” applied to it, but since that’s not valid it’s falling back to “color: #000”. Seems like the custom css is finding it’s way to the right spot.
If it’s a specificity problem you might try “#main h1” to target all h1 tags, or “.home #main h1” to target just your front page.
I got it to work with the !important attribute, but I have to add that to any line of custom css I want to implement, and I plan to change a lot. I’m not sure why I have to do that for every line?
Are you using a child theme? If you’re going to be changing a lot you may want to consider it. It might likely help with the CSS issues as well.