Categories icons mess up when updating icons

Hello, i’ve started updating icons for categories but when updating they lose all formatting. I can update CSS to fix but instead of having to do so for multiple different categories I thought if there is something I’d miss.

The icon is the same size, svg, and when just changing the category name the issue does not show.

Attachments:

You must be logged in to view attached files.

Hi,

To fix this problem, you need to open your SVG icons file with some editor like Sublime Text or default system text editor and add height and width attributes to your <svg> tag like it is shown on the screenshot https://gyazo.com/83fd36b0bb9628bb1aed2bd3d5d063c5
Make sure that the value is set without % or using px. For example 100 or 100px
Then you will need to reupload your icons in WordPress Dashboard.

Regards

I have done so and am still seeing the same issues. See the screenshot attached.

Attachments:

You must be logged in to view attached files.

Hello,

We just checked your website and it seems to be looking correct now. Here is a screenshot https://gyazo.com/193e7a049d9108ff6dd9ffdd03567729

Kind Regards

Must have been a cookies or cache issue its updated as of this morning. However, why do the “woodworking” category and every other category show different when on that page? Examples in the screenshot below.

Attachments:

You must be logged in to view attached files.

Hello,

Sorry, but we don’t see anything wrong on your screenshot. Could you please clarify what you mean by “every other category show different when on that page”?

Kind Regards

Hello,

Reaching back out as i thought it was just an issue on my device due to cache or something else but after updating most category icons im still having the same issues. Could you assist.

Attachments:

You must be logged in to view attached files.

Hello,

You need to remove % from these attributes. As we can see, it is still there for most of the icons https://gyazo.com/757b0e81be3c49fa15486b84a01a7ba5

Kind Regards

I’ve updated and removed the % from the images and still having issues. See the “tech” category icon as an example and then the screenshot of what was in the code post edit.

Attachments:

You must be logged in to view attached files.

Hello,

As we can see, they look correct now. Here is a screenshot https://gyazo.com/dbb739449a0c7c52a3ef45bda21af1e6

Kind Regards

Must be a cache issue on my end. Thanks

Yes, we are glad that you sorted it out. Feel free to contact us if you have any further questions.

[Author]

Posts