how to modify jetpack.css without losing changes upon update

  • Resolved Cat

    (@catscholz74)


    9 years, 7 months ago

    Hello there –

    How do I modify jetpack.css without losing changes upon updating the plugin?

    I tried using the !important tag in the child theme stylesheet, but it did not overwrite the jetpack.css style I need to change.

    Thanks!

    -Cat

Viewing 3 replies - 1 through 3 (of 3 total)
  • ancawonka

    (@ancawonka)

    9 years, 7 months ago

    Hi @catscholz74!

    You can do this by using the Jetpack Edit CSS feature – this will introduce a CSS block in the page itself, which will supercede any other css loaded in files. Anything you put in the Edit CSS area will be stored in the database and will persist after you update Jetpack (and your theme).

    Hope to see you at WordCamp Sacramento! 🙂

    Thread Starter Cat

    (@catscholz74)

    9 years, 7 months ago

    Thank you so much, Anca! This worked beautifully. Still had to use the important tag, but it worked!

    I usually don’t like to use Jetpack’s edit CSS feature in case the plugin gets deactivated for some reason (and then the style gets dropped) but in this case, it seems like the exception to that rule.

    Yes, see you at WordCamp Sac for sure! 🙂 I’m going to be doing an “Intro to WooCommerce” Lightning Talk.

    Hugs,
    -Cat

    Ryan C.

    (@ryanc413)

    9 years, 7 months ago

    @catscholz74: I’m glad to hear that you were able to get this issue resolved! Please let us know if you have any other questions 🙂

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

The topic ‘how to modify jetpack.css without losing changes upon update’ is closed to new replies.