Skip to main content
All CollectionsOrder Support & Guides
Common problems and solutions for displaying our Trust Badge correctly
Common problems and solutions for displaying our Trust Badge correctly
Updated over a week ago

We developed our trust badge to be robust and responsive to work on as many websites and devices as possible. But sometimes, your website's platform, theme, plugins, or style may adversely affect the look of your Trust Badge or prevent it from showing all together.

Below are the most common issues you may run into when installing your trust badge and how to fix them. If you cannot display the trust badge correctly on your site after trying the options below, you may need to consider inserting the Trust Badge as an image instead of HTML.

Trust Badge not displaying correctly on a custom HTML website

The most common reason our trust badge is not displaying correctly on a website is because of a CSS conflict between your current CSS stylesheets and the Trust Badge.

To fix this issue, you’ll need to use a CSS inspector tool such as the Google Chrome Inspector to look for any clashes between your web page style and the trust badge. Once you’ve identified an issue, you’ll have to rewrite your CSS to make it compatible.

Trust Badge not displaying correctly on WordPress

There are a few possible reasons that our Trust Badge is not showing correctly on WordPress. This usually comes down to 3 possible things:

Custom CSS Rules

If your theme has any custom CSS rules added to it, these may conflict with the layout and leave the badge not displaying correctly. To check for this, open up your theme's main CSS file and check for any CSS that could be changing the style of a <img> tag.

You can also use the Google Chrome Inspector to help check CSS for items in the trust badge.

WordPress Plugins

WordPress plugins can also affect the display of your Trust Badge. In some circumstances, plugins can conflict with the Trust Badge HTML code, leaving the badge not displaying correctly. If you suspect this is the case, go to your WordPress dashboard and open the Plugins page. Once here, disable each plugin one by one and check to see if the badge appears on the site.

You may need to remove and reinsert the trust badge HTML code after each plugin is disabled, as a plugin may edit the code upon saving the code.

If the badge does appear after disabling a plugin, you've found the plugin with the conflict.

WordPress Theme

Sometimes the cause of the badge not displaying correctly is the theme itself. While we stand by our Trust Badge being compatible with all well-built WordPress themes, sometimes themes can have strange characteristics that cause issues. In this instance, the only way to check if the theme is the culprit is to try a different theme. Try changing to either one of the default WordPress themes to see if this makes a difference.

Easier Installation on Shopify

Clients often find it difficult to add custom HTML to their Shopify store. To simplify this, you can use a free Shopify app. This app lets you easily insert a custom HTML block into your store's theme. Just install the app, add its block through the Theme Editor, and then copy and paste your Trust Badge HTML code into it.

Webflow - Custom Code exceeds 10000 characters

The trust badge has a lot of characters because the images in the trust badge are encoded within the HTML.

So, there are a few options to fix this issue:

1) Customize the trust badge in your report to remove the reef border, and if that does not work, then you can also remove some of the news logos:

2) Save the trust badge as an image by clicking on "Save as image" below the copy button. Then you can upload the trust badge as an image instead of a custom HTML

3) If you have some HTML knowledge, you can always turn the SVG images encoded in the HTML into separate image files, then edit the HTML to replace the encoded images with the image files.

Did this answer your question?