Woocommerce Shop Buttons

Hello Support,

I wanted to make all shop buttons hover style as BORDERED.

But I don’t find the options under Theme settings > Styles and colors > Buttons > Shop buttons color.

Can you please provide me the CSS.

Please see the attached screenshot about the all WooCommerce Shop button normal and hover (bordered) style.

Thank you.

Regards,
Alex

Attachments:

You must be logged in to view attached files.

Hello,

I saw the screenshot you attached. To make the hover color to bordered you need to add the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

.woodmart-add-btn>a:focus span:not(.woodmart-tooltip-label), .woodmart-add-btn>a:hover span:not(.woodmart-tooltip-label) {
transform: none!important;
}
.woodmart-hover-quick .woodmart-add-btn > a:hover {
color: black;
background: transparent;
border: 2px solid black;
}

Best Regards.

Hello Aizaz,

Thank you.

Regards,
Alex

Most Welcome!!!.

I’m so happy to hear you are pleased with the Theme and Support. XTEMOS strives to deliver the best customer experience, and it makes our day to hear we have accomplished that.

We count ourselves lucky to have you as a customer. You can always reach us at any time. We are always here to help you.

Thanks for contacting us.
Have a great day.

Topic Closed.
Best Regards.

[Author]

Posts