Bug Default product icon CSS issues

[Liam W]

The default product icon hasn't worked properly for a few versions - the icon is off-center. I was able to fix this by changing the display type on the container (.productList-product-grid.node a.avatar) to inline-flex.

 

[Liam W]

Also, it might not be a bad idea to split the product logos from the avatar css, what with avatars having a default border-radius of 100% now.

 

[Fillip H.]

The default product icon hasn't worked properly for a few versions - the icon is off-center. I was able to fix this by changing the display type on the container (.productList-product-grid.node a.avatar) to inline-flex.

That didn't fix it for me, at least not fully.

Before:


After:


The centre alignment was lost.

From a quick experiment, it seems like a better fix would be to set vertical-align: middle; on .avatar.avatar--productIconDefault > span:before:

Also, it might not be a bad idea to split the product logos from the avatar css, what with avatars having a default border-radius of 100% now.

I like the fact that I don't have to replicate too much CSS by basing it off avatars, but it's definitely something I'm keeping in the back of my mind to potentially change in the future.

 

[Liam W]

Hmm, that didn't work for me, though it's plausible I have some interfering CSS...

 

[DragonByte Technologies]

Hello @Liam W,

We hope your ticket regarding DragonByte eCommerce has been addressed to your satisfaction. This ticket has now been scheduled to be closed.

If your ticket has not been resolved, you can reply to this thread at any point in the next 7 days in order to reopen the ticket, afterwards this thread will be closed.

Please do not reply to this thread if your ticket has been resolved.

Thank you.


- DragonByte Technologies, Ltd.

 

[DragonByte Technologies]

Hello @Liam W,

As we have not heard back from you, your ticket regarding DragonByte eCommerce has now been closed.

If your ticket has not been resolved, please feel free to start a new support ticket and link back to this ticket.

If you have time, please leave a review on XenForo.com's Resource Manager.

Thank you.


- DragonByte Technologies, Ltd.