Title: Custom CSS
Last modified: August 21, 2016

---

# Custom CSS

 *  Resolved [mvbenz](https://wordpress.org/support/users/mvbenz/)
 * (@mvbenz)
 * [12 years, 8 months ago](https://wordpress.org/support/topic/custom-css-40/)
 * I just installed your plugin and I am looking at modifying a few CSS items for
   the ‘spoiler’ to match my theme. Most of it is working fine except I am trying
   to get the background image for the +/- to use the fancier images in the file.
 * In the Box-shortcode.css file the code I am trying to modify is:
 * .su-spoiler-style-default > .su-spoiler-title > .su-spoiler-icon {
    position:
   absolute; top: 4px; left: 0; display: block; width: 16px; height: 16px; background:
   0 -16px url(‘../images/spoiler.png’) no-repeat; } .su-spoiler-style-default.su-
   spoiler-closed > .su-spoiler-title > .su-spoiler-icon { background: 0 0 url(‘../
   images/spoiler.png’) no-repeat; }
 * I am trying to modify the file as shown to use the second set of icons in it 
   but when I use the custom CSS interface no icon pops in. If I edit box-shortcode.
   css directly it works fine but I do not want to do that as I will need to do 
   that every time the code is updated.
 * .su-spoiler-style-default > .su-spoiler-title > .su-spoiler-icon {
    position:
   absolute; top: 4px; left: 0; display: block; width: 16px; height: 16px; **background:-
   16px -16px url(‘../images/spoiler.png’) no-repeat;** } .su-spoiler-style-default.
   su-spoiler-closed > .su-spoiler-title > .su-spoiler-icon { **background: -16px
   0 url(‘../images/spoiler.png’) no-repeat; **}
 * All other CustomCSS entries worked as expected. It is just these 2 I can’t get
   to work. What am I missing?
 * Thx…
 * Mike…
 * [http://wordpress.org/plugins/shortcodes-ultimate/](http://wordpress.org/plugins/shortcodes-ultimate/)

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

 *  Plugin Author [Vova](https://wordpress.org/support/users/gn_themes/)
 * (@gn_themes)
 * [12 years, 8 months ago](https://wordpress.org/support/topic/custom-css-40/#post-4192003)
 * Hi Mike,
 * you need to use variables in your custom css to define correct urls to spoiler
   image. Like so:
 *     ```
       background: -16px -16px url('%plugin_url%/assets/images/spoiler.png') no-repeat;
       ```
   
 *  Thread Starter [mvbenz](https://wordpress.org/support/users/mvbenz/)
 * (@mvbenz)
 * [12 years, 8 months ago](https://wordpress.org/support/topic/custom-css-40/#post-4192023)
 * Perfect! Thx!

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

The topic ‘Custom CSS’ is closed to new replies.

 * ![](https://ps.w.org/shortcodes-ultimate/assets/icon-256x256.gif?rev=2547563)
 * [Shortcodes Ultimate - Content Elements](https://wordpress.org/plugins/shortcodes-ultimate/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/shortcodes-ultimate/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/shortcodes-ultimate/)
 * [Active Topics](https://wordpress.org/support/plugin/shortcodes-ultimate/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/shortcodes-ultimate/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/shortcodes-ultimate/reviews/)

 * 2 replies
 * 2 participants
 * Last reply from: [mvbenz](https://wordpress.org/support/users/mvbenz/)
 * Last activity: [12 years, 8 months ago](https://wordpress.org/support/topic/custom-css-40/#post-4192023)
 * Status: resolved