Styling the Spoiler button

[ffs]

Starting a new thread rather than going off on a tangent on another. With thanks to Chris.

When I create a Spoiler here using the appropriate BBCode ([spoiler] CONTENT_TO_HIDE [/spoiler]), the button shows up in a pleasing format, like the other buttons on the forum. If I create a Spoiler on my forum, however, it just shows up as a link.

SPOILER: Click to show

Inspecting the button here shows that there is a CSS class of .spoiler_header applied to it; how can I add that CSS to my forum so the Spoiler shows up as the button above and not the plain link?

[Todge]

That sounds like the Spoiler Tags plugin, or you can read more about in in the help thread.

[ffs]

Oct 10, 2021 3:05:27 GMT -8 Todge said:

That sounds like the Spoiler Tags plugin, or you can read more about in in the help thread.

It may well be, if that plugin is installed on this Support forum, but the button in the wysiwyg editor isn't there. I've installed your plugin on my test forum and despite making changes to the spoiler title and background colours, it just shows as a link and there seems to be no default button.

[ffs]

Todge , I don't think it's your plugin on this ProBoards Support forum that styles the Spoiler button here; as Chris said elsewhere, "Spoiler is a native Proboards BBCode, just type [spoiler] CONTENT_TO_HIDE [/spoiler] to use it (Note: it does not render in preview)", but it styles itself differently here and that was the effect I am after on my own forum.

[Chris]

Without knowing what theme you are using here on support it would be difficult to tell you about something you see but we don't see. You can of course get that info yourself by using your browser's built-in inspector and seeing what Styles are being applied to it (you can quickly enable/disable each style by clicking the checkbox next to each when hovering over the rule to see what affect that particular rule is having on your element of interest)



teach a man to fish...

[ffs]

Thanks for teaching me to fish, Chris, now I just need the right body of water! Is the class .spoiler_heading part of the default PB forum? I inspected the element and just copied the complete rule into the bottom of my Style sheet and that worked! I had to add a text-decoration !important rule/element to getrid of the underlining, but now my tackle's in order.

[Todge]

Oct 10, 2021 10:35:39 GMT -8 ffs said:

Todge , I don't think it's your plugin on this ProBoards Support forum that styles the Spoiler button here; as Chris said elsewhere, "Spoiler is a native Proboards BBCode, just type [spoiler] CONTENT_TO_HIDE [/spoiler] to use it (Note: it does not render in preview)", but it styles itself differently here and that was the effect I am after on my own forum.

I apologise.. No, my plugin would not be installed on this forum, I just read about styling the plugin into a button, which can be done using the plugin, and jumped the gun.

Sorry for butting in.