"disappearing" social bric

I Need Help
1

this problem is related to my last post. If i place this specific script inside the html-bric on my site the social bric won’t appear.

here how it looks in blocs app

Screenshot 2017-03-28 18.32.17.jpg2146×2380 295 KB

here how it looks online

Screenshot 2017-03-28 18.35.56.png2478×1678 625 KB

2

This is because your pasted script has stylesheet of it’s own which has;

[class^="icon-"], [class*=" icon-"] {
 font-family: 'icomoon';
 speak: none;
 font-style: normal;
 font-weight: normal;
 font-variant: normal;
 text-transform: none;
 line-height: 1;

Which gives all your icons a font family of “icomoon”. If you don’t use icons in the script generated part of your site I’d delete or comment out the font family line;

[class^="icon-"], [class*=" icon-"] {
/*font-family: 'icomoon';*/
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
3

Thank you for your investigations. The script is hosted “outside”, so i guess i can’t change there anything. have to ask there or look for a different solution…

4

Ah ok, I wasn’t looking very hard! How do you feel about post-export editing?

If you add

/* Icon Overide*/

.icon-lg {font-family: FontAwesome !important;}

to the Blocs generated style.css your icons will show. However you’d need to re-add it every time you export.

To solve that you could write your own style sheet with and reference it in the head but you’d need to do that on every page you used the booking script on…

I can’t think of any other ways off the top of my head within the confines of Blocs.
Simon

5

Thank you again, @simon ! :blush: i’ll have to think about how to add the two lines after export. until now i only replace (via ‘MassReplaceIt’) some words/lines/snippets.

Could this maybe be done with the help of custom classes oder page attachments?