Back-end Configurations

• To add a Custom CSS snippet, navigate to the WordPress Admin Dashboard → Post Snippets → Add Custom CSS.

• The add new snippet page will open.

Add a Snippet Title

• Enter a Snippet Title that will help you identify the snippet in the All Snippet page.

Code Editor

• This is the block of CSS code which is applied on the front end or in the admin . 
• Type in your CSS code without the <style></style> tags as they are already placed in the Code Editor.

Action Panel

• The Actions panel is located on the right hand side of the page.
• It contains the Download Snippet button. This button allows you to download the previous snippet version from the cloud. 
• It contains the Upload Snippet button. This button allows you to upload the current snippet version on the cloud and update the previous snippet. 
• You can also duplicate the snippet. Click on the Duplicate Snippet button if you want to duplicate it.
• You can also change the status of your current snippet from the Status dropdown menu. Change it between Active and InActive.

Options Panel

• This section lets you choose where the CSS code should be applied in Site.
• Where In Site options:
  • In Front End – The CSS snippet will only be applied on the frontend.
    • When you select this option, it will enable Apply Only on These URLs and Preview section.
• In Admin – The CSS snippet will only be applied on the Admin Pages of the site.

Groups

• If you want to add your snippet in a group, select a group from the Groups panel.

Add Description

• You can add an optional description for the Snippet. 
• Type in the description for the snippet in the Description.

Add Tag

• You can add a tags for the Snippet. 
• Go to Tags, and add multiple Tags associated with the Snippet. 

Apply CSS only on these URLs

Note: This section is enabled when the In Front-End option is selected from the Where in Site options panel.

• The admin can select the option from the drop down menu.
• All Website – CSS will be applied to all of the Front End.
• Home Page –  CSS will be applied only on the homepage.
• All Pages – CSS will be applied on all the front end of all the pages.
• All Posts – CSS will be applied to all the posts.
• Specific Page/Post – Choose Specific Page or Post in the select box right after it and click on the Add button.

Preview

• This section is enabled when the In Front-End option is selected from the Where in Site options panel.
• This section will provide the Full URL of the page to preview on which the changes have been made.