CSS not ok after migration

Hi,

On this website: https://purcasa-shop.ro/ after migration from dev domain to main domain, css seems to be not right. Check the buttons from widgets from homepage.

I checked the console in the browser and I have no errors.

Attachments:

You must be logged in to view attached files.

Hello,

I have checked your website, and the issue is caused by the custom CSS added in:

Appearance > Customize > Additional CSS:

The following CSS code is affecting the Add to Cart button in the product grid:

.wd-product.wd-hover-fw-button .wd-add-btn .add-to-cart-loop span {
    display: block !important;
    overflow: hidden;
    padding: 12px;
    line-height: 18px;
    font-size: 17px!important;
    text-overflow: ellipsis;
    white-space: nowrap;
}

Try to remove the custom css code and check the issue. If you want to change the add to ocart design, use this css code in Theme Settings > Custom CSS.

.wd-product.wd-hover-fw-button .wd-add-btn .add-to-cart-loop span {
    display: inline-flex !important;
    align-items: center !important;
    padding: 0 !important;
    line-height: 1 !important; 
    font-size: 15px !important; 
    text-overflow: ellipsis;
    white-space: nowrap;
}

Best Regards

[Author]

Posts