Title: Visual Developer Custom CSS
Author: Easy Development
Published: <strong>November 22, 2015</strong>
Last modified: February 4, 2016

---

Search plugins

![](https://ps.w.org/visual-developer-custom-css/assets/banner-772x250.png?rev=1292219)

This plugin **hasn’t been tested with the latest 3 major releases of WordPress**.
It may no longer be maintained or supported and may have compatibility issues when
used with more recent versions of WordPress.

![](https://ps.w.org/visual-developer-custom-css/assets/icon-256x256.png?rev=1292219)

# Visual Developer Custom CSS

 By [Easy Development](https://profiles.wordpress.org/easydevelopment/)

[Download](https://downloads.wordpress.org/plugin/visual-developer-custom-css.zip)

 * [Details](https://twd.wordpress.org/plugins/visual-developer-custom-css/#description)
 * [Reviews](https://twd.wordpress.org/plugins/visual-developer-custom-css/#reviews)
 *  [Installation](https://twd.wordpress.org/plugins/visual-developer-custom-css/#installation)
 * [Development](https://twd.wordpress.org/plugins/visual-developer-custom-css/#developers)

 [Support](https://wordpress.org/support/plugin/visual-developer-custom-css/)

## Description

Visual Developer is just an awesome way to customize any wordpress powered website,
by just using your imagination.
 Everything is in front of you, and you can reduce
your development time by hours, and probably customize things you’ve never taught
possible before.

Everything has been tested and re-tested to make sure you can’t break your website
easily, and you can easily revert all the changes with just one click.

## Screenshots

 * [[
 * screenshot-1.png
 * [[
 * screenshot-2.png
 * [[
 * screenshot-3.png
 * [[
 * screenshot-4.png
 * [[
 * screenshot-5.png

## Installation

#### Installing Visual Developer

 1. Download the Plugin from the provided link in this email.
 2. Open your Website and go to the Administration Panel.
 3. Click “Plugins” in the Left Menu
 4. Click “Add New”
 5. Click “Upload Plugin”
 6. Upload the Visual Developer ZIP.
 7. Activate The Plugin

#### Using Visual Developer

 1. Go to the Page you want to Customize.
 2. In the WordPress Toolbar on the Top, you’ll Notice “Toggle Visual Developer”, click
    it.
 3. Your First Step is to Click “Open” in the Visual Developer Panel.
 4. Now you can select which Element you want to customize, you’ll do this by clicking
    it.
 5. You’ll be presented with the “Element Navigation Panel”, you’ll chose how many 
    elements that are alike will have CSS changes applied.
 6. You’ll be presented with the Element Panel, and now you can start “doing your changes”,
    feel free to Customize your Experience from the Preferences Panel from the Visual
    Developer Top Bar.

## FAQ

  What can I do with this plugin

You can customize anything in your wordpress powered website, using any theme out
there you may be using

  Can I add background images with this plugin

Yes, you can, there’s an background image css attribute, and it’s been implemented
in Visual Developer, even with a few tricks to create special cover photo effects
and background paralax illusions.

  Can I customize a specific page with this plugin

Yes, there is a page specific option when we detect a post_id

## Reviews

![](https://secure.gravatar.com/avatar/c7f1f521c51833d9f4d674eff804adc526ddf895fbdb50d473cc5fade9ff84a3?
s=60&d=retro&r=g)

### 󠀁[Best Ever](https://wordpress.org/support/topic/best-ever-54/)󠁿

 [givanho](https://profiles.wordpress.org/givanho/) September 3, 2016

have never seen a plugin so awesome and easy to use as this

![](https://secure.gravatar.com/avatar/cb2e21c514e7349e9d5d94d1e2539c64ee949bae8b217cbe18d0d3b126180101?
s=60&d=retro&r=g)

### 󠀁[This is great !](https://wordpress.org/support/topic/this-is-great-54/)󠁿

 [andreiremetean](https://profiles.wordpress.org/andreiremetean/) September 3, 2016

After around 15 minutes I’ve finaly figured it out, and I was able to change the
typography of my site really quick, thanks !

 [ Read all 3 reviews ](https://wordpress.org/support/plugin/visual-developer-custom-css/reviews/)

## Contributors & Developers

“Visual Developer Custom CSS” is open source software. The following people have
contributed to this plugin.

Contributors

 *   [ Easy Development ](https://profiles.wordpress.org/easydevelopment/)

[Translate “Visual Developer Custom CSS” into your language.](https://translate.wordpress.org/projects/wp-plugins/visual-developer-custom-css)

### Interested in development?

[Browse the code](https://plugins.trac.wordpress.org/browser/visual-developer-custom-css/),
check out the [SVN repository](https://plugins.svn.wordpress.org/visual-developer-custom-css/),
or subscribe to the [development log](https://plugins.trac.wordpress.org/log/visual-developer-custom-css/)
by [RSS](https://plugins.trac.wordpress.org/log/visual-developer-custom-css/?limit=100&mode=stop_on_copy&format=rss).

## Changelog

#### 1.0.2

 1. A better way on how direct element selection works.
 2. Refined a few browser bugs.

#### 1.0.1

 1. Quick access support for more tags, including h5 and h6
 2. Fixed a bug with Quick Access Displaying elements that shouldn’t be there.
 3. WooCommerce Quick Access Support
 4. Improvements on How Quick Access Works

#### 1.0.0

Initial Release.

## Meta

 *  Version **1.0.2**
 *  Last updated **10 years ago**
 *  Active installations **20+**
 *  WordPress version ** 3.0.1 or higher **
 *  Tested up to **4.4.34**
 *  Language
 * [English (US)](https://wordpress.org/plugins/visual-developer-custom-css/)
 * Tags
 * [custom background](https://twd.wordpress.org/plugins/tags/custom-background/)
   [custom css](https://twd.wordpress.org/plugins/tags/custom-css/)[font size](https://twd.wordpress.org/plugins/tags/font-size/)
   [text size](https://twd.wordpress.org/plugins/tags/text-size/)[visual developer](https://twd.wordpress.org/plugins/tags/visual-developer/)
 *  [Advanced View](https://twd.wordpress.org/plugins/visual-developer-custom-css/advanced/)

## Ratings

 5 out of 5 stars.

 *  [  2 5-star reviews     ](https://wordpress.org/support/plugin/visual-developer-custom-css/reviews/?filter=5)
 *  [  0 4-star reviews     ](https://wordpress.org/support/plugin/visual-developer-custom-css/reviews/?filter=4)
 *  [  0 3-star reviews     ](https://wordpress.org/support/plugin/visual-developer-custom-css/reviews/?filter=3)
 *  [  0 2-star reviews     ](https://wordpress.org/support/plugin/visual-developer-custom-css/reviews/?filter=2)
 *  [  0 1-star reviews     ](https://wordpress.org/support/plugin/visual-developer-custom-css/reviews/?filter=1)

[Add my review](https://wordpress.org/support/plugin/visual-developer-custom-css/reviews/#new-post)

[See all reviews](https://wordpress.org/support/plugin/visual-developer-custom-css/reviews/)

## Contributors

 *   [ Easy Development ](https://profiles.wordpress.org/easydevelopment/)

## Support

Got something to say? Need help?

 [View support forum](https://wordpress.org/support/plugin/visual-developer-custom-css/)

## Donate

Would you like to support the advancement of this plugin?

 [ Donate to this plugin ](http://visual-developer.net)