We are not always satisfied with whats given to us.Especially in WordPress,we are more cautious about how our website looks,So we make lot of changes to it by adding Custom CSS codes.In this article I am going to discuss how to safely add custom CSS in WordPress.
I used the word “safely” because if you directly change the CSS file of the plugin or theme then it is likely to be replaced when it is updated.So,where to add your custom CSS code ?
Fortunately,Jetpack plugin comes with feature called Custom CSS.Which offers solution to your paradox and plenty of other features you might never expect.
Most probably you might already be using Jetpack plugin,If not intall it from here.You need to activate custom CSS feature first.To do this,From WordPres dashboard go to Jetpack option and activate Custom CSS feature.
Now got to
Appearance >> Edit CSS option and Add your custom CSS code in the editor.
Custom CSS feature comes with plenty of features like
- Preprocess LESS and Saas codes
- Preview code before making changes
- Add CSS to Jetpack Mobile Theme
- CSS revisions ( revert back to old code )
You can use above features through publish option panel in right sidebar.