Image (Graphic) on Button Cut Off

Support
#1

Hi there,

I am really unsure what is causing this, but I am having a really odd issue on one of the buttons on my site.

The button is from the Flat Pack on Design Cloud - I am using this as part of my Pro Unlimited Package.

The issue is that when on the Pro editor I can see the icon and it works and looks fine:
Static:
image
Hover:
image

In the live website view:
Static:
image
Hover:
image

As you can see in the live website the graphic is getting cut off and is super blurry compared to the Pro editor.

See secure note for details on logging in.

Thanks.

#2

Hi Tom,

Thanks for reaching out.
It seems that the image used in the hover has been resized based on the primary image. I have examined the two images and found the primary image is having the 67px width whereas the default width of the secondary image is 112px.
So while rendering the button the secondary image is resized based on the primary image width.

Hope it helps.
Thanks

#3

Thanks for this - is there a way that I can make the button just accept the wider graphic on hover and not cut it off?

Thanks.

#4

Hi Tom,

The best way you can do by making the primary & secondary image in the same dimension and size.

Thanks

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.