Title: Sublime Custom CSS Editor
Author: AsianCoders
Published: <strong>December 22, 2015</strong>
Last modified: December 23, 2015

---

Search plugins

![](https://ps.w.org/sublime-custom-css-editor/assets/banner-772x250.png?rev=1314696)

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/sublime-custom-css-editor/assets/icon-128x128.png?rev=1314297)

# Sublime Custom CSS Editor

 By [AsianCoders](https://profiles.wordpress.org/asiancoders/)

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

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

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

## Description

Sublime Text Custom WordPress Css Editor. You can easily write your custom css by
using this plugin. This will be add inline css in your website.
 We include all 
sublime text editor features in this plugin.

#### Features

**Features of Sublime Custom CSS Editor**

 * Autocomplete And Hint
 * Syntax highlighting.
 * Line numbering.
 * keyMap Sublime Text
 * autoCloseBrackets
 * matchBrackets
 * Sublime theme
 * showCursorWhenSelecting
 * Translate pot file included.
 * For Example *
    just select your targeted layout ID or Class ID=# or Class=. or
   any html tag Then go to page “`Appearance`” —> “`Sublime Custom CSS`” and enter
   your custom style (CSS only). Example:

    ```
    body{
        color:#222;
        margin: 0;
        padding: 0;
        background-color: #fff;
    }
    .headers{
        font-size: 16px;
        color: :#666;
        position: fixed;
        top: 0px;
        left: 0px;
        right: 0px;
        z-index: 99;
    }
    ```

Credits: CodeMirror.

Email for Support: asiancodersteam@gmail.com

### Arbitrary section

You may provide arbitrary sections, in the same format as the ones above. This may
be of use for extremely complicated
 plugins where more information needs to be 
conveyed that doesn’t fit into the categories of “description” or “installation.”
Arbitrary sections will be shown below the built-in sections outlined above.

### A brief Markdown Example

Here’s a link to [WordPress](https://wordpress.org/) and one to [Markdown’s Syntax Documentation](http://daringfireball.net/projects/markdown/syntax).

Titles are optional, naturally.

Markdown uses email style notation for blockquotes and I’ve been told:

> Asterisks for _emphasis_. Double it up for **strong**.

    ```
    <?php code(); // goes in backticks ?>
    ```

## Screenshots

 * [[
 * Write css with Hint and Autocomplete.
 * [[
 * Fined your content.
 * [[
 * Save and Add custom CSS.

## Installation

This section describes how to install the plugin and get it working.

#### Automatic installation

 1. Go to Plugins > Add New > Upload and select the .zip file from your hard disk
 2. Click the “Install now” button
 3. Activate the plugin through the ‘Plugins’ menu in WordPress

#### Manual installation

 1. Download a copy (zip file) of this plugin from WordPress.org.
 2. Unzip the zip file.
 3. Upload the unzipped directory to your website’s plugin directory (`/wp-content/
    plugins/`).
 4. Log into WordPress Dashboard of your website.
 5. Activate this plugin through the “`Plugins`” tab.

After installation, a “`Sublime Custom CSS Editor`”  menu item will appear in the“`
Appearance`” section. Click on this in order to view plugin’s administration page.

#### Can I use this plugin on my language?

Yes. But If your language is not available then you can make one. This plugin is
ready for translation. The `sublimecsse.pot` file is included and placed in “`languages`”
folder. You need to just translate sublimecsse.pot file.

#### How Can write my style

just select your targeted layout ID or Class ID=# or Class=. or any html tag
 Then
go to page “`Appearance`” —> “`Sublime Custom CSS`” and enter your custom style (
CSS only). Example:

    ```
    body{
        color:#222;
        margin: 0;
        padding: 0;
        background-color: #fff;
    }
    .headers{
        font-size: 16px;
        color: :#666;
        position: fixed;
        top: 0px;
        left: 0px;
        right: 0px;
        z-index: 99;
    }
    ```

## Reviews

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

### 󠀁[Easy to use](https://wordpress.org/support/topic/easy-to-use-3871/)󠁿

 [shamim94](https://profiles.wordpress.org/shamim94/) June 7, 2021

What a great addons for custom CSS. Very easy to use. Thanks to the developer – 
JILLUR RAHMAN

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

### 󠀁[Very Good and Helpful](https://wordpress.org/support/topic/very-good-and-helpful-6/)󠁿

 [mdashik198](https://profiles.wordpress.org/mdashik198/) December 30, 2020

This is a Very Helpful Plugin, with wesome Features.

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

### 󠀁[Ashome Features](https://wordpress.org/support/topic/ashome-features/)󠁿

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

Ashome Features include

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

## Contributors & Developers

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

Contributors

 *   [ AsianCoders ](https://profiles.wordpress.org/asiancoders/)

[Translate “Sublime Custom CSS Editor” into your language.](https://translate.wordpress.org/projects/wp-plugins/sublime-custom-css-editor)

### Interested in development?

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

## Changelog

#### 1.0

 * Is First Version of The plugin.

#### 1.0.1

## Meta

 *  Version **1.0.1**
 *  Last updated **10 years ago**
 *  Active installations **100+**
 *  WordPress version ** 4.4 or higher **
 *  Tested up to **4.4.34**
 *  Language
 * [English (US)](https://wordpress.org/plugins/sublime-custom-css-editor/)
 * Tags
 * [css](https://pcd.wordpress.org/plugins/tags/css/)[CSS3](https://pcd.wordpress.org/plugins/tags/css3/)
   [editor](https://pcd.wordpress.org/plugins/tags/editor/)[sublime](https://pcd.wordpress.org/plugins/tags/sublime/)
   [sublime text](https://pcd.wordpress.org/plugins/tags/sublime-text/)
 *  [Advanced View](https://pcd.wordpress.org/plugins/sublime-custom-css-editor/advanced/)

## Ratings

 5 out of 5 stars.

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

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

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

## Contributors

 *   [ AsianCoders ](https://profiles.wordpress.org/asiancoders/)

## Support

Got something to say? Need help?

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