Clearpay Button CSS Issue and Weird :

Hi,

We have this plugin and have an issue with the basket / cart page when the Clearpay button is enabled.

Essentially the button is too large on a mobile browser and causes it to exceed the browser width, which in turn results in other text also spanning outside of the window.

I have identified that the CSS causing this is:

.btn-clearpay_express {
…
width: 300px;
…
}

With the padding and tables surrounding it on mobile, this is an issue as there isn’t enough space to display it.

If we change the CSS so that the width is under 250px, or better still, set the width of this to 100%, the issue resolves itself.

In addition, there are 2 weird ‘:’ (colon) characters that display on the cart page. One before the ‘Or x Interest-Free Payments’ and the other before the Checkout with Clearpay button.

This looks like its coming from code ‘::before == $0’ with attr(data-title) “: “;