Over last few days I’ve enabled Jetpack WordPress plugin on few of my client sites and noticed some CSS issue immediately after that.
Take a look at Additional CSS section under Customize section before activating Jetpack.
How to activate Jetpack’s Custom CSS feature?
Custom CSS feature adds some more functionality to
Additional CSS module.
How can I reach to Additional CSS option?
- Click on Appearance
- Additional CSS
Now let’s take a look at a problem. As you see in below image, complete custom CSS which we have implemented was there.
Now take a look at below screenshot.
CSS was gone. Section was empty 🙁
I noticed this few months ago on my client’s site but just ignored the behavior. I thought may be some glitch at my end.
How to avoid this situation and save additional CSS?
Copy all additional custom CSS code to your theme’s style.css file and avoid using additional CSS. This is what I’m doing on Crunchify as of now until I find out what’s happened here.
I hope these tips will help fix this Jetpack activation and additional CSS bug.