I would like to Remove borders on the listings

Hi @Elhadj07,

1. Please find this custom CSS:

.single-product .sales-booster-total-sales {
    display: flex;
}

.single-product .sales-booster-total-sales span {
    background: url(https://uxwing.com/wp-content/themes/uxwing/download/e-commerce-currency-shopping/hot-icon.png) no-repeat center center;
    background-size: contain;
    width: 25px;
    height: 25px;
    margin-right: 10px;
}

And change to this:

.sales-booster-total-sales {
    display: flex;
    justify-content: center;
    align-items: center;
}

.sales-booster-total-sales span {
    background: url(https://uxwing.com/wp-content/themes/uxwing/download/e-commerce-currency-shopping/hot-icon.png) no-repeat center center;
    background-size: contain;
    width: 25px;
    height: 25px;
    margin-right: 10px;
}

2. Please also add this custom CSS:

.etheme-product-grid-item .footer-inner {
    justify-content: end;
}
body .etheme-product-grid-item footer {
    top: 0;
    right: 15px;
    bottom: auto !important;
    opacity: 1 !important;
    visibility: visible !important;
}
body .etheme-product-grid-item footer a {
    background-color: transparent !important;
}
body .etheme-product-grid-item footer a .et-icon::before {
    color: #000 !important
}

3. We’ve added the inline CSS codes for you, the add to cart buttons are now hidden on 2 sections. Please check: https://prnt.sc/RnaDWoMKvgKX

4.

One more thing. The top header I set it to full width on mobile just as is on desktop. But it’s not full width on mobile.

Please add this custom CSS codes:

body .mobile-header-wrapper .header-top .et-row-container.et-container {
    padding: 0
}

Best Regards,
The 8Theme Team.

Hi @Elhadj07,

Do you hide the add to cart button on the shop page? They’re disappeared now. Please share us with your WP Admin account so we can check.

Please also add this custom CSS for the single product page:

body.archive .etheme-product-grid-item .footer-inner {
    justify-content: end;
}

.product-view-default .xstore-wishlist {
    opacity: 1;
}

Hope it helps!

Dear @Elhadj07,

We hope this message finds you well. We would like to inform you that the layout of products on the archive pages and single product page differs from the product carousel element on your homepage. To relocate the “Add to Cart” button to the top left of the product images would require extensive customization, which unfortunately falls outside the scope of our standard support services.

Should you require personalized customization, we kindly invite you to submit a request through our customization panel at the following link: [8Theme Customization Panel](https://www.8theme.com/account/#etheme_customization_panel). This will enable direct engagement with our technical team who are equipped to assist you further. Please be aware that customization services will incur additional charges, the details of which will be provided after a thorough review of your request.

Additionally, we are pleased to inform you that we have made the wishlist icon permanently visible on the shop and single product pages for your convenience. You can view the updates here:
– [Wishlist Icon on Shop Page](https://prnt.sc/ZUnMfx8akeI2)
– [Wishlist Icon on Single Product Page](https://prnt.sc/PFYQMNN5G4Xg)

We have also updated the sale icon background to a white color, which can be viewed here: [Updated Sale Icon](https://prnt.sc/-VsUS9LL9jn_).

Thank you for your understanding and cooperation. Should you have any further questions or require additional assistance, please do not hesitate to contact us.

Best Regards,
The 8Theme Team

Hi @Elhadj07,

1. We’ve updated the cart icon for you: https://prnt.sc/PrmFZFL0Lfye. We’ve also enabled the add to cart icon on your shop page. Sorry the confusion in the previous reply: https://prnt.sc/xGXR0oVdDGW4.

2. Please add this custom CSS code:

body .content-product .product-content-image {
     border-radius: 5px;
     overflow: hidden;
}

Hope it helps!