How to use CSS shortcode?

  • Resolved r083r7

    (@r083r7)


    8 years, 6 months ago

    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 8 years, 6 months ago by r083r7.
Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter r083r7

    (@r083r7)

    I tried the following in the widget Shortcode box:

    custom_styles=.wcControls{display: none;}
    and
    [custom_styles=".wcControls{display: none;}"]

    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

    (@marcinlawrowski)

    Hi @r083r7,

    Here is an example:

    [wise-chat custom_styles=".wcControls { display: none; }"]

    Thanks

    Plugin Author Marcin

    (@marcinlawrowski)

    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.

Tags