How to edit "Add to Cart" Button Size + Hover effect

Hello, is there a way to increase the size of the buttons (see screen) and how do we disable the hover effect so that it does not show the little cart icons?

Attachments:

You must be logged in to view attached files.

Hello,

I saw the screenshot you attached.

To increase the size of the button try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

.btns-shop-light .woodmart-hover-standard .woodmart-add-btn>a {
height: 50px;
width: 150px;
}

And to remove the hover icon try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

.product-grid-item .woodmart-add-btn>a:before, .woodmart-hover-base:not(.product-in-carousel):not(.hover-width-small):not(.add-small-button) .woodmart-add-btn>a:before, .woodmart-hover-button .hover-mask>a:before, .woodmart-hover-info-alt .product-actions>a:before, .woodmart-hover-quick .woodmart-add-btn>a:before, .woodmart-hover-standard .btn-add>a:before, .woodmart-price-table .woodmart-plan-footer .add-to-cart-loop:before {
	content: none!important;
}

Regards.
Xtemos Studios.

Okay thank you, it removes the icon but also the text – is there a way to keep the text, and also what do I add in the CSS to change the size of the text in the button?

Thank you for your patience,
V

Hello,

You are Most Welcome.

Please provide with the admin panel login details of the website to check it myself and help you out accordingly

2) To increase the text-size try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

.woodmart-hover-standard .add-to-cart-loop span {
	font-size: 15px;
}

Regards.
Xtemos Studios.

Absolutly! Here it comes 🙂

Hello,

I am unable to login to your website. The login URL displays that your IP has been blocked by jetpack.

Please disable the blocking to let me login to the website and help you out accordingly.

Regards.
Xtemos Studios.

I have disabled Jetpack, could you please try again? 🙂 Thank you!

Hello,

I have logged into your website and removed the hover as you mentioned.

Please clear cache and check back.

Screenshot for Clarification: https://prnt.sc/wenwyi

Regards.
Xtemos Studios.

Thank you so much! 🙂 we are moving all 3 of our sites to your theme and we really appreciate your help, thank you again!

V

Most Welcome 🙂

If you do not mind, can you please leave a 5 stars rating for our Theme & Customer and Technical Support by going here: http://themeforest.net/downloads It will allow us to release more updates and provide dedicated support in the future. It would encourage our work a lot. If you like our Theme and Support.

Thanks for contacting us.
Have a great day 🙂

Topic Closed.
Best Regards.

[Author]

Posts