Jetpack custom CSS errors

  • Resolved kazerniel

    (@kazerniel)


    8 years, 5 months ago

    I use the TwentyTwelve theme as a basis for my design. I planned my site’s custom CSS in Firefox’s Stylish extension, where it worked perfectly. I copied the relevant code to Jetpack’s Custom CSS fields, but some of the rules just does not seem to apply.

    Eg. I set header#masthead {display: flex;}, but it looks as it was originally defined by the theme, header {display: block;}. When I look at it in Firebug, it’s not that my code is overruled by the original, but that the custom code does not apply at all for some reason.

    Site: https://chestofstories.com/

    https://www.ads-software.com/plugins/jetpack/

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Contributor csonnek

    (@csonnek)

    Happiness Rocketeer ??

    It looks like you were able to get it to work as I can see the header#masthead CSS loading on your site now: screenshot

    Let me know if you still have this problem and I’ll be happy to take a closer look. Marking as resolved as it appears to be working.

    Thread Starter kazerniel

    (@kazerniel)

    I couldn’t solve it with Jetpack, it didn’t make sense why some rules applied and some just didn’t, so I disabled the custom CSS feature, and used a child theme to achieve the same result.

    Plugin Contributor csonnek

    (@csonnek)

    Happiness Rocketeer ??

    Glad you were able to sort it out that way. Let us know if you’d like us to help troubleshoot the issue if you decide to try our CSS editor again.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Jetpack custom CSS errors’ is closed to new replies.

Tags