Strakks Posted April 13, 2017 Share Posted April 13, 2017 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? Link to comment Share on other sites More sharing options...
opentype Posted April 13, 2017 Share Posted April 13, 2017 Check the whitelisting options for the editor in the ACP. You need to specifically allow css classes, iframe sources and things like that. Link to comment Share on other sites More sharing options...
Strakks Posted April 13, 2017 Author Share Posted April 13, 2017 Okay. For specific member groups? Also where to I find this whitelisting? @opentype Link to comment Share on other sites More sharing options...
opentype Posted April 13, 2017 Share Posted April 13, 2017 Customization → Editor → Settings → Advanced Link to comment Share on other sites More sharing options...
Strakks Posted April 13, 2017 Author Share Posted April 13, 2017 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? Link to comment Share on other sites More sharing options...
opentype Posted April 13, 2017 Share Posted April 13, 2017 I don’t know your button code … Link to comment Share on other sites More sharing options...
Strakks Posted April 13, 2017 Author Share Posted April 13, 2017 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? Link to comment Share on other sites More sharing options...
opentype Posted April 13, 2017 Share Posted April 13, 2017 ? 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. Link to comment Share on other sites More sharing options...
Strakks Posted April 13, 2017 Author Share Posted April 13, 2017 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 Link to comment Share on other sites More sharing options...
opentype Posted April 13, 2017 Share Posted April 13, 2017 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). Link to comment Share on other sites More sharing options...
Strakks Posted April 13, 2017 Author Share Posted April 13, 2017 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) Link to comment Share on other sites More sharing options...
opentype Posted April 13, 2017 Share Posted April 13, 2017 Yes. Turn it into CSS classes and then whitelist those classes. Then it will work. Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.