How to style wordpress page elements

Install WordPress plugin WPW Content Styler

Login as administrator and visit to the page you want to edit style and click on WPW Style Editor button

It will load editor tools widget

Move mouse over the element which style you want to edit, it will open menu listing target and parent elements

Click on “Link” label which tells editor tools that your target is “Add to cart” button

It is is time to save changes. Find “Save” icon at the top of editor widget and move mouse on it, There are the following button

That is is, enjoy !!!

WPW Style Editor

Move mouse over page elements then click on a appeared menu item to start styling the selected element

Publish Style Save As Draft Reset All Changes

Screen width (min/max)
Responsive

Use style only for selected element

Override other styles (wildcard "!important")

Edit mouseover style

Stylesheet Name	Actions

Settinsgs

Edited elements list

Selector depth

Create rules to apply styles only in case of partial or full match.

Condition Name	Actions

Embed ready solutions

Embed Head scripts

Additional CSS

Select Screen Sizes

Screen dimension

WPW Style Editor