Custom CSS not working

  • Hello! For some reason my custom CSS isn’t working. Site is https://mpbf.getmsm.com, theme is FLIP. I’ve tried downloading the Simple Custom CSS plugin and updating that way and also using the custom CSS option in the theme options. Any suggestions? I’m trying to update the <h1> and nothing seems to work. Thanks!

Viewing 6 replies - 1 through 6 (of 6 total)

  • 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”.

    Thread Starter kellymsm

    (@kellymsm)

    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.

    Thread Starter kellymsm

    (@kellymsm)

    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.

    Thread Starter kellymsm

    (@kellymsm)

    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.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Custom CSS not working’ is closed to new replies.