How to style wordpress website

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 

Orange border identifies target element, in this case link, when you move mouse on other menu items it will move orange border to parent element, once you click on on an item in menu, editor tools will work with that element 

To change title in the middle of the page move mouse on it and click on the first menu item.

It will enable editor tools and you can select any style optino to redesign, here we will change text color by selecting “Text” tab and changing color via color picker 

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

  • Publish style
  • Save as draft
  • Reset all changes

That is is, enjoy !!!

WPW Style Editor

Style Options

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


Stylesheet Name Actions
Selector depth In case of small number styles will be applied globally

Conditional logic

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

Condition Name Actions

Additional Code

Embed ready solutions

WPW Preview Resizable Window

WPW Style Editor