design problems

Hi Guy,

Please try this in Quick CSS in order to fix the on sale button:

.single-product-main-image .onsale {
    right: -45px;
    width: 40px;
}

I’m not sure I understand your other questions though, could you post screenshots highlighting the other problems you are having please?

Best regards,
Rikard

Hi,
Sorry for the late reply and thanks for the link, but I’m not sure what the customer matched zone is and your screenshot didn’t work. To add a screenshot please try using https://savvyify.com/img/ and pasting the image URL in your post.
Hopefully, the screenshot will have the issue highlighted so we can understand better.

Best regards,
Mike

Hi,
Glad to hear, I tested Rikard’s css and it seems to correct the on-sale button:

.single-product-main-image .onsale {
    right: -45px !important;
    width: 40px !important;
}

Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field, and then clear your browser cache and any cache plugin, and check.

Best regards,
Mike

Hi,
I see your css is like this:

.single-product-main-image .onsale {
    right: -45px;
    width: 40px;
}

please change to this:

#top .single-product-main-image .onsale {
    right: -45px !important;
    width: 40px !important;
}

the !important; will help override the current css:

#top .single-product-main-image .onsale {
    top: 0px;
    right: 7px;
}

After adjusting the css, please clear your browser cache and check.

Best regards,
Mike