WordPress.org

Ready to get started?Download WordPress

Forums

Shortcodes Ultimate
[resolved] Ultimate Shortcodes 4 - spoiler problems (JS & type) (8 posts)

  1. Elan42.com
    Member
    Posted 11 months ago #

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

    PROBLEM 1
    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 ?

    PROBLEM 2
    Also JS seems to not work after update, because the "spoiler title" is not clickable.

    Can you help ?

  2. Elan42.com
    Member
    Posted 11 months ago #

    p.s. thanks for the "For security maniacs: timthumb.php replaced" in the changelog, I think I am the guy.

    hahaha

  3. Vladimir Anokhin
    Member
    Plugin Author

    Posted 11 months ago #

    Hi!

    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:

    shortcode

    [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 - http://clip2net.com/s/5LjAR8

    If you want to review old version, please read this topic - http://wordpress.org/support/topic/version-4-5?replies=3

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

  4. Elan42.com
    Member
    Posted 11 months ago #

    Ok.

    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.

  5. Vladimir Anokhin
    Member
    Plugin Author

    Posted 11 months ago #

    Try to use next code. Hope it helps.

    shortcode

    [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-style-2.su-spoiler-closed > .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!

  6. Vladimir Anokhin
    Member
    Plugin Author

    Posted 11 months ago #

  7. Elan42.com
    Member
    Posted 11 months ago #

    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.

  8. LesTexas60
    Member
    Posted 6 months ago #

    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.

Reply

You must log in to post.

About this Plugin

About this Topic

Tags