Return to previous page

Upsell Products style on single product page SECOND TIME

This topic has 8 replies, 3 voices, and was last updated 1 weeks ago ago by Andrew Mitchell

kamil109

Participant

November 14, 2024 at 12:01

Recently, you helped me style the upsell products.
I need to improve a few things. After updating the theme it started showing dots.
I also noticed that the table outline does not display correctly on a mobile device.
Additionally, I would like to remove the shopping cart icon on the photo thumbnail.
I am attaching screenshots.

Can You help me ?

Content is visible for topic creator and
support staff only.

Files is visible for topic creator and
support staff only.

#423372 Copied Theme version: 9.4.4

7 Answers
Luca Rossi

Support staff

November 15, 2024 at 10:09
Hi @kamil109,

Please try adding this custom CSS codes under XStore > Theme Options > Theme Custom CSS > Global CSS:
```
.elementor-wc-products ul.products {
    list-style: none;
}
```
Hope it helps!
#423558 Copied
kamil109

Participant

November 15, 2024 at 11:29

Thank You.
It helped with the dots.
What about the table border and the purchase icon on the thumbnail?

#423582 Copied

Luca Rossi

Support staff

November 16, 2024 at 04:26

Dear @kamil109,

We hope this message finds you well.

We attempted to log in to your WordPress Admin to further investigate an issue, but unfortunately, we were unable to access the system. Please see the screenshot for reference: [https://prnt.sc/t2jfgfAQK-aP](https://prnt.sc/t2jfgfAQK-aP).

Could you kindly check the access settings? It might be helpful to temporarily disable any country-based restrictions that may be in place.

Thank you for your assistance.

Best regards,
The 8Theme Team

#423733 Copied

kamil109

Participant

November 16, 2024 at 10:03

Hi
I restored access.

#423766 Copied
Luca Rossi

Support staff

November 17, 2024 at 16:02
Hi @kamil109,

Can you please also add this custom CSS codes?
```
.upsells-products footer.footer-product {
    display: none !important;
}

.upsells-products.products-grid .product:nth-child(2n+1) {
    border-inline-start: 1px solid var(--et_border-color) !important;
}
```
Let us know how it goes!
#423891 Copied
kamil109

Participant

November 18, 2024 at 08:37

Good job.
It works.
Thank You.

#423941 Copied

Andrew Mitchell

Support staff

November 18, 2024 at 08:37

Dear kamil109,

In the spirit of gratitude, we want to express our appreciation for your trust in our products. As a valued customer, your experience matters greatly. Would you consider sharing it by giving our theme a deserving 5-star rating on ThemeForest?

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

Being part of our community means a lot, and your feedback contributes immensely.

Best Regards,
The 8Theme Team

#423942 Copied
Viewing 8 results - 1 through 8 (of 8 total)

The issue related to '‘Upsell Products style on single product page SECOND TIME’' has been successfully resolved, and the topic is now closed for further responses

Upsell Products style on single product page SECOND TIME

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection