Please fix FAB, ruins formatting

Bugs / Site Issues
1

I have 2 websites, 2 different pickaxes, same issue with FAB, it ruins the formating, all text times new roman instead of what it is intended to be. The icon on the circle doesn’t stick and shows pickaxe logo when whitelabelled, weird borders around buttons, etc. sometimes ruins the formating on the rest of the pages. Some issue with google fonts on your side guys.

2

If you can share a link to a webpage where an embedded FAB demonstrates this issue, it will help us troubleshoot it.

@stephenasuncion check out this bug with FABs.

3

Riskacademy.blog on all pages

4

Hi @riskacademy,

Font system should be fixed on embeds.

Regarding borders around buttons, looks like the “sapor” theme you’re using for wordpress is adding styles to all the buttons and some other components see here:

image
image575×200 5.87 KB

5

Thank you. There still seems to be an issue with icon on the FAB it doesn’t fit the image nicely in to the circle, need spacing around the image, and it randomly goes back to pickaxe logo and to my logo and back

6

Analysis:

  1. Chatbot Initialization: The chatbot seems to be primarily loaded and controlled by this script: <script src="https://plugin.nytsys.com/api/site/a1a98530-ba9e-48a2-ba49-9aa08246e173/nytsys.min.js" ></script> This script likely targets the <div id="rendering-information"> which contains the configuration, including the data-frame-source.
  2. Iframe Loading: The data-frame-source points to https://embed.pickaxeproject.com/.... This means the chatbot interface itself loads inside an iframe served from the pickaxeproject.com domain.
  3. Customization Parameters: The URL parameters in data-frame-source define many visual aspects (colors, fonts, sizes, theme), but crucially, there is no parameter explicitly setting your logo URL.
  4. The Flicker Cause (Most Likely):
  • The iframe (embed.pickaxeproject.com/...) loads its default HTML and CSS first. This default state probably includes the vendor’s logo (Pickaxe/Nytsys).
  • After the initial iframe structure is loaded, the nytsys.min.js script (or JavaScript within the iframe, triggered by the script or parameters) runs.
  • This script then likely fetches your specific configuration tied to your site ID (a1a98530-...) or uses information passed to it. This configuration includes your custom logo URL.
  • The script then dynamically updates the iframe’s content, replacing the default vendor logo with your logo.
  • This delay between the initial render (with vendor logo) and the script-based update (to your logo) is what causes the visible flicker.
7

When the chatbot embed loads, the default Pickaxe/Nytsys logo flashes briefly before being replaced by our custom logo. Is there a way to prevent this flicker and have our logo load initially?