Additional CSS editor allows you to customize the appearance of CONJ without the need to create a child theme or worry about theme updates overwriting your customization.
Why use custom CSS?
There are many reasons why you might want to add custom CSS styles to your WordPress powered website, and there are also a variety of ways in which you can implement it.
- It is super-easy, and you would be able to see your changes with a live preview instantly.
- In case you modify CONJ directly, and it is updated, then your modifications will be lost. By using keeping your changes outside of the theme’s core files, you will ensure that your modifications are preserved.
- Any additional CSS added via either of the methods below will be loaded after CONJ’s original CSS and thus allows overriding specific CSS statements, without having to write an entire CSS set from scratch.
Adding via Customizer
Follow the steps below to insert your custom CSS snippet:
- Log into your WordPress website and navigate to Appearance » Customize.
- Navigate to Additional CSS section.
- As soon as you add or paste in a valid CSS rule, you will be able to see it applied on your website’s live preview pane.
- Click on the Publish button to save the changes.
CSS modifications that you make will appear in the preview pane instantly without actually changing anything until you are happy to save and publish those changes.
Adding via PowerPack (Rec.)
CONJ PowerPack, on the other hand, offers you a convenient editor–outside of the
header.php template file where you can add all your custom CSS styles. You may follow the steps below to insert your custom CSS snippet:
- Log into your WordPress website and navigate to CONJ PowerPack.
- From the sidebar on the left, select the Additional CSS tab.
- Locate the code editor field and paste in your custom CSS snippet.
- Click Save Changes.
Previewing and saving
Just like other changes made in the Customizer any CSS changes that you make will appear in the preview pane as well, this means you have time to tweak and perfect the look of your site, without actually changing anything until you are happy with it all!
What if I activate a child theme?
CSS changes are tied in with your active theme. This means that if you decide to install a child theme, your custom CSS styles will no longer be active.
Adding custom CSS via PowerPack plugin will ensure your changes remain intact while switching between parent and child theme at any time.
How can I enter a file path?
In case your custom CSS rule contains a
url attribute, the relative path to a file in your WordPress installation may need to change. In most cases, if you are pointing to any directory within the
wp-content folder, the relative path should start with
Last updated: 2 years ago