Return to previous page

Product card design – icons are not aligned center

This topic has 7 replies, 4 voices, and was last updated 1 weeks, 4 days ago ago by Andrew Mitchell

SS

Participant

April 16, 2024 at 09:23

Hi Team Support,

I’d like your advise how to adjust the icon position.
As you see the screenshots, the quick view and cart bag icons are not centered like other icons.

Looking forward to hearing your advice.

Thank you!

Files is visible for topic creator and
support staff only.

#391830 Copied Theme version: 9.3.6

6 Answers

Tony Rodriguez

Support staff

April 16, 2024 at 12:09

Hello, @SS,

Thank you so much for purchasing our theme and contacting our support center.

We can not access your site, because it is in maintenance mode. Please provide your site wp-admin access in the private content area so that we can take a closer look at your settings and help you.

We kindly recommend that you take a complete backup of your site before proceeding.

Please provide the URL of the page on which you are facing the issue for my better understanding.

Thank you for your cooperation and we look forward to hearing from you soon.

Best Regards,
8Theme’s Team

Content is visible for topic creator and
support staff only.

#391858 Copied

SS

Participant

April 17, 2024 at 14:28

Sure.
Here is the access login:

Content is visible for topic creator and
support staff only.

#392011 Copied

SS

Participant

April 17, 2024 at 14:34

The product card is on Related Products section:

Content is visible for topic creator and
support staff only.

#392014 Copied
Luca Rossi

Support staff

April 18, 2024 at 05:44
Hi @SS,

Please try adding the following custom CSS codes under Theme Options > Theme Custom CSS > Global CSS:
```
.products-hover-only-icons .product-view-mask .footer-product .show-quickly,
.products-hover-only-icons .product-view-mask .footer-product .add_to_cart_button {
    display: inline-grid;
}
.products-hover-only-icons .product-view-mask .footer-product .show-quickly::before,
.products-hover-only-icons .product-view-mask .footer-product .add_to_cart_button::before {
    line-height: 36px;
}
```
https://prnt.sc/k22CSWOUNC1c

Hope it helps!
#392052 Copied
SS

Participant

April 18, 2024 at 06:00

Works well! Thank you for your help!

#392054 Copied

Andrew Mitchell

Support staff

April 18, 2024 at 06:00

Dear SS,

Choosing our theme reflects your commitment to quality, and for that, we’re genuinely grateful. As we constantly strive to elevate your experience, your feedback is an invaluable gift. Could you kindly take a moment to rate our product with 5 stars on ThemeForest?

Click here to share your insights: https://themeforest.net/downloads

Your support fuels our journey, and we appreciate it more than words can express.

Best Regards,
The 8Theme Team

#392055 Copied
Tagged: best selling woocommerce themes, center alignment solutions, e-commerce design fixes, icon alignment problems, product card design issues, woocommerce themes
Viewing 7 results - 1 through 7 (of 7 total)

The issue related to '‘Product card design – icons are not aligned center’' has been successfully resolved, and the topic is now closed for further responses

Product card design – icons are not aligned center

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection