“WP CSS Generator” Documentation by “GoDev” v1.0.1
“WP CSS Generator” - WCG
Thank you for purchasing my plugin. If you have any questions that are beyond the scope of this help file, please feel free to email via my user page contact form
here. Thanks so much!
Table of Contents
Add New CSS Group
Add new Selector
Get Your Code
Get Started - top
To use this plugin unnecessary is have a base knowledge about:
In this video, you can see how we use inspect to find Menu CSS selector, add a new group of WPCSS options and use Customize setting for styling the menu link color and hover background color.
Use WP CSS Generator to stay calm and get controle under CSS Code.
A) CSS Groups - top
Preview all CSS Groups with load order.
Order - Drag and drop to sort groups. The code will be generated by this order. This order is important for generate CSS and load hierarchy.
Groups - Group names. Click to edit group. You can delete group under group options.
Status - Display group options in Customize. WordPress Customize can bag if you turn onto much groups in same time. Please don't use more than 3 group at the same time.
Viewport - Responsive group of options. If you use Media Query for this group
+ Add Group - Create new group for options. Keep in mind that grouping options is as good as possible for your group review to be rational
B) Add New CSS Group - top
Create new group of CSS Selectors
Group Name - Enter Unique group name. Please check if you have already created a group for selector which you want to add.
- Press to get options for new selector. Add Selector
Media Query - Enter CSS media query. Press icon for shortcut
Save Group - Save group after add all CSS selectors.
C) Add Selector - top
Add new selector under the group.
Name - Drag and drop to sort groups. The code will be generated by this order. This order is important for generate CSS and load hierarchy.
CSS Selectors - Group names. Click to edit group. You can delete group under group options.
CSS Properties - Display group options in Customize. WordPress Customize can bag if you turn onto much groups in same time. Please don't use more than 3 group at the same time.
Important! - Responsive group of options. If you use Media Query for this group
D) Customize WCG - top
active groups willbe displayed in Customize:
Under groups are CSS selectors
Each select contains CSS options which you select in
C) Add Selectionr - 3. CSS Properties
These CSS Selector options will stylize your HTML object while setting up CSS properties.
E) Google Fonts - top
This video shows how to add Google fonts in WCG System.
Also, you can use other plugins to import Google fonts.
Under Tool, you can get your CSS code generated by WCG by WordPress standards ready for distribution.
Minify - SEO frendly CSS code. Important for page load speed.
Developer - CSS code friendly to edit.
Notice: After you generate your code, copy minify code in Customize >> CSS. After that you can turn of WCG plugin and accelerate page load speed.
Once again, thank you so much for purchasing this plugin. As I said at the beginning, I'd be glad to help you if you have any questions relating to this plugin. No guarantees, but I'll do my best to assist. If you have a more general question relating to the plugin on ThemeForest, you might consider visiting the forums and asking your question in the "Item Discussion" section.
WP CSS Generator Team
Go To Table of Contents