Title: How to use CSS shortcode?
Last modified: September 3, 2016

---

# How to use CSS shortcode?

 *  Resolved [r083r7](https://wordpress.org/support/users/r083r7/)
 * (@r083r7)
 * [9 years, 9 months ago](https://wordpress.org/support/topic/how-to-use-css-shortcode/)
 * Trying to use CSS shortcode but not sure how to implement.
 * > custom_styles – Custom CSS Styles
   > Custom CSS styles for the chat, valid CSS syntax is required. Allowed values:
   > a text Default: [not set]
 * For example how would I enter this CSS using the shortcode?
 *     ```
       .wcControls {
           display: none;
       }
       ```
   
    -  This topic was modified 9 years, 9 months ago by [r083r7](https://wordpress.org/support/users/r083r7/).

Viewing 4 replies - 1 through 4 (of 4 total)

 *  Thread Starter [r083r7](https://wordpress.org/support/users/r083r7/)
 * (@r083r7)
 * [9 years, 9 months ago](https://wordpress.org/support/topic/how-to-use-css-shortcode/#post-8057176)
 * I tried the following in the widget Shortcode box:
 * `custom_styles=.wcControls{display: none;}`
    and `[custom_styles=".wcControls{
   display: none;}"]`
 *  [Pamir](https://wordpress.org/support/users/mtpamir/)
 * (@mtpamir)
 * [9 years, 9 months ago](https://wordpress.org/support/topic/how-to-use-css-shortcode/#post-8085253)
 * in general, you can add custom CSS using **Simple Custom CSS** plugin.
 * • Go to: Plugins » Add New
    • Search Simple Custom CSS • Install and activate
   the Simple Custom CSS plugin • Upon activation simply go to Appearance » Custom
   CSS and paste your custom CSS lines & update it.
 * it should work.
 *  Plugin Author [Marcin](https://wordpress.org/support/users/marcinlawrowski/)
 * (@marcinlawrowski)
 * [9 years, 8 months ago](https://wordpress.org/support/topic/how-to-use-css-shortcode/#post-8178211)
 * Hi [@r083r7](https://wordpress.org/support/users/r083r7/),
 * Here is an example:
 * `[wise-chat custom_styles=".wcControls { display: none; }"]`
 * Thanks
 *  Plugin Author [Marcin](https://wordpress.org/support/users/marcinlawrowski/)
 * (@marcinlawrowski)
 * [9 years, 8 months ago](https://wordpress.org/support/topic/how-to-use-css-shortcode/#post-8178231)
 * As for the widget configuration please put the following text into “Shortcode
   options” field:
 * `custom_styles=".wcControls { display: none; }"`
 * If you want to use other options in this field separate them by a single space.

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘How to use CSS shortcode?’ is closed to new replies.

 * ![](https://ps.w.org/wise-chat/assets/icon-128x128.png?rev=1306481)
 * [Wise Chat](https://wordpress.org/plugins/wise-chat/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/wise-chat/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/wise-chat/)
 * [Active Topics](https://wordpress.org/support/plugin/wise-chat/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/wise-chat/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/wise-chat/reviews/)

## Tags

 * [css](https://wordpress.org/support/topic-tag/css/)

 * 4 replies
 * 3 participants
 * Last reply from: [Marcin](https://wordpress.org/support/users/marcinlawrowski/)
 * Last activity: [9 years, 8 months ago](https://wordpress.org/support/topic/how-to-use-css-shortcode/#post-8178231)
 * Status: resolved