Toolbar HTML button not working for members

[Strakks]

Hey I have a button in my toolbar that works a s HTML and for Mods and Admins it displays https://gyazo.com/cb579aad01dd38449a3fe065cad57950

once posted

but for members it displays once posted https://gyazo.com/963e0eecaf87710b7ebe9f3b9517b84a

why so?

[opentype]

Check the whitelisting options for the editor in the ACP. You need to specifically allow css classes, iframe sources and things like that. 

[Strakks]

Okay. For specific member groups? Also where to I find this whitelisting? @opentype

[opentype]

Customization → Editor → Settings → Advanced

[Strakks]

14 minutes ago, opentype said:

Customization → Editor → Settings → Advanced

Thanks. This HTML code line will be added as css classes I suppose. So what do I fill in the box? The buttons name?

[opentype]

I don’t know your button code …

[Strakks]

12 minutes ago, opentype said:

I don’t know your button code …

Well, its just html. So what will I provide in the

Heres the code btw

<div style="text-align: center; width: 100%; max-width: 1100px; margin: 0px auto; padding: 0px; border: 2px solid #000000; border-radius: 15px;"><div style="height: 120px; text-align: center; line-height: 120px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #000000; border-top-left-radius: 12px; border-top-right-radius: 12px; background: linear-gradient(#1e90ff, #0000ff);"><span style="font-size: 48px; color: #ffffff; font-weight: bold; word-spacing: 1px; letter-spacing: 1px; text-shadow: #000000 1px 1px 1px;">Your Title Here</span></div>
<div style="padding: 4px;"><div style="display:table; width:100%; border-spacing:8px;"><div style="display: table-cell; width: 60%; text-align: center; vertical-align: middle; padding: 4px; border: 1px solid #202020; border-radius: 12px;"><img src="http://sellercore.com/user/images/imagehere.gif" style="width: 220px; height: 213px;"><br>
</div>
<div style="display: table-cell; width: 40%; text-align: left; vertical-align: top; padding: 4px; border: 1px solid #202020; border-radius: 12px;"><div style="font-size: 22px; color: #ffffff; text-align: center; font-weight: bold; letter-spacing: 2px; padding-right: 8px; padding-left: 8px; border: 1px solid #000000; border-radius: 8px; background: linear-gradient(#1e90ff, #0000ff, #1e90ff);">Item Details</div>
<div style="color: #181818; text-align: left; padding: 4px;">Brief item details here. Brief item details here. Brief item details here. <b><u>Use the tools in the toolbar to edit font, colours, aligns etc. (be sure to delete the image once your done)<br>
<br>
<img src="http://i.imgur.com/5B5xWXC.png" style="width: 750px; height: 70px;"></u></b></div>
<br>
</div></div>
<div style="margin-right: 8px; margin-bottom: 8px; margin-left: 8px; padding: 4px; border: 1px solid #202020; border-radius: 12px;"><div style="color: #181818; text-align: left; padding: 4px;">Expanded item details here or double click this div and select delete div to remove this section. Expanded item details here or double click this div and select delete div to remove this section. Expanded item details here or double click this div and select delete div to remove this section. Expanded item details here or double click this div and select delete div to remove this section. Expanded item details here or double click this div and select delete div to remove this section.</div>
<br>
<br>
<div style="font-size: 22px; color: #ffffff; text-align: center; font-weight: bold; letter-spacing: 2px; padding-right: 8px; padding-left: 8px; border: 1px solid #000000; border-radius: 8px; background: linear-gradient(#1e90ff, #0000ff, #1e90ff);">Price List<br>
</div>
Prices Here. Prices Here. Prices Here. Prices Here. Prices Here.<br>
<br>
<div style="font-size: 22px; color: #ffffff; text-align: center; font-weight: bold; letter-spacing: 2px; padding-right: 8px; padding-left: 8px; border: 1px solid #000000; border-radius: 8px; background: linear-gradient(#1e90ff, #0000ff, #1e90ff);">Payment Gateway<br>
</div>
<div style="color: #181818; text-align: left; padding: 8px;">Insert a Payment Gateway- follow the intructions in the image below. (Be sure to delete the image once inserted.)<br>
<img src="http://i.imgur.com/XiSchcu.png" style="width: 643px; height: 384px;"><br>
</div>
<br>
<br>
</div></div>
<div style="height: 30px; text-align: center; border-top-width: 1px; border-top-style: solid; border-top-color: #000000; border-bottom-right-radius: 12px; border-bottom-left-radius: 12px; background: linear-gradient(#0000ff, #1e90ff);"></div>
</div><br>

https://gyazo.com/e7ca835ea19603f51d49911d081bad6f  area?

[opentype]

?

That is just terrible. Please let someone rewrite that as CSS classes. That shouldn’t be hard-coded in any post that uses that button. 

[Strakks]

20 minutes ago, opentype said:

?

That is just terrible. Please let someone rewrite that as CSS classes. That shouldn’t be hard-coded in any post that uses that button. 

I will. But please tell me so I can sovle this for the momemnt atleast

[opentype]

Since you don’t use CSS classes yet, the whitelisting won’t help you. Some or most of the inline styling is just removed by the system when posting. I don’t think there is a way around that other than allowing full HTML to all members (which is of course not advisable). 

[Strakks]

Okay then I get it. Thanks a lot for the help. So basically all I have to do is getting it rewritten?

It worked somehow when I as a admin posted it for the members (i edited it)

[opentype]

Yes. Turn it into CSS classes and then whitelist those classes. Then it will work.