WordPress.org

Ready to get started?Download WordPress

Forums

Shortcodes Ultimate
[resolved] Custom CSS (3 posts)

  1. mvbenz
    Member
    Posted 10 months ago #

    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/

  2. Vladimir Anokhin
    Member
    Plugin Author

    Posted 10 months ago #

    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;
  3. mvbenz
    Member
    Posted 10 months ago #

    Perfect! Thx!

Reply

You must log in to post.

About this Plugin

About this Topic

Tags

No tags yet.