How to change mouseover style

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

Switch on “Edit mouseover style”

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

Click on the first item in the menu and start changing styles via Content Styler widget fields 

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 !!!

Reload the page and move mouse to the element you just styled and you will see the changes 

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