Support » Plugin: Shortcodes Ultimate » Ultimate Shortcodes 4 – spoiler problems (JS & type)

  • Resolved


    Hi there ! Yes I know, big upgrade, big responsabilities.
    Thank you for your work and improvements. Not complaining.

    But I need to understand how to “re-use” the old spoiler types, because now I see there is only one type.

    Is it all CSS ? Where do I get the old code for copy+pasting ?

    Also JS seems to not work after update, because the “spoiler title” is not clickable.

    Can you help ?

Viewing 7 replies - 1 through 7 (of 7 total)
  • p.s. thanks for the “For security maniacs: timthumb.php replaced” in the changelog, I think I am the guy.


    Plugin Author Vladimir Anokhin



    Thank you for your work and improvements.

    This is the first comment without grudges today =) Thank you.

    At this moment you can’t change spoiler appearance. There is only one default style. But you can add extra css class to spoiler and modify them as you want. For example:


    [spoiler class="my-custom-spoiler"]Hidden content[/spoiler]

    custom CSS

    .my-custom-spoiler { border: 1px solid #ccc; }
    .my-custom-spoiler .su-spoiler-title { background-color: #eee; }

    And the result will look like on this image –

    If you want to review old version, please read this topic –

    If JS doesn’t working, try to clear cache and if it not helps please make a screenshot of js-console in any browser.


    I was on in a hurry + im a production website, so I downgraded, but I will definetly look into re-activating all CSS of “spoiler style 2”, my favourite.

    Can you help me to find that CSS code ?

    Also, consider I’m one of the persons that have to enable the option “Disable custom formatting” because it forces some “<p> closing” on the add-to-chart buttons in WooCommerce plugin.

    I confirm you that JS don’t work, after upgrade, with this option enabled.
    Or I have some weird orther incompatiblity.

    Plugin Author Vladimir Anokhin


    Try to use next code. Hope it helps.


    [spoiler class="su-spoiler-style-2"]Hidden content[/spoiler]

    custom CSS

    .su-spoiler-style-2 {
    	margin-bottom: 1em;
    	background: #fff;
    	border: 1px solid #ccc;
    	border-radius: 10px;
    	-moz-border-radius: 10px;
    	-webkit-border-radius: 10px;
    .su-spoiler-style-2 > .su-spoiler-title {
    	padding: 10px 10px 10px 40px;
    	height: 34px;
    	line-height: 14px;
    	border-bottom: 1px solid #ccc;
    	background: #f0f0f0;
    	font-weight: bold;
    	color: #000;
    	cursor: pointer;
    	border-radius: 10px;
    	-moz-border-radius: 10px;
    	-webkit-border-radius: 10px;
    } > .su-spoiler-title { border-bottom: none; }
    .su-spoiler-style-2 > .su-spoiler-title > .su-spoiler-icon {
    	left: 10px;
    	top: 10px;
    .su-spoiler-style-2 .su-spoiler-content {
    	padding: 1em;
    	border-radius: 10px;
    	-moz-border-radius: 10px;
    	-webkit-border-radius: 10px;

    As for the non-working JS, you still need to take a screenshot so I can see the errors. Thank you!

    Plugin Author Vladimir Anokhin


    Vladimir, didn’t you add a [php_code] shortcode somewhere ?

    I can’t find it anymore, but I was sure it was introduced with the new version.

    Vladimir, could you expand on your instructions a bit. Do you put your code in the CSS field in the popup for the item your going to insert? If so doesn’t that create the shortcode?

    or any you giving instruction to bypass your automated shortcode generator?

    Is there any documentation that explains the CSS Style field?

    Love the plugin, just trying to use it to it’s fullest.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Ultimate Shortcodes 4 – spoiler problems (JS & type)’ is closed to new replies.