Wishlist icon position – product grid

Hi,

I have selected the product style with a wishlist icon showing up on hover. How can I move it from top right to bottom right?

Thank you!

Attachments:

You must be logged in to view attached files.

Hi designmono,

Thanks for reaching to us.

Please try to use the below custom CSS code and paste it to Theme Settings > Custom CSS > CSS for desktop section:

.wd-buttons .wd-wishlist-btn{
	position: absolute;
	bottom: -230%;
	background-color: #fff;
	box-shadow: 1px 1px 1px rgba(0,0,0,0.1);
}

Regards,

Hi,

Thanks for the code, but it doesn’t work properly. The wishlist icon becomes hidden somewhere in the corner (see screenshot). Could you please suggest how to fix it?

Hi designmono,

Please remove previous code and use below one:

div.wd-buttons.wd-pos-r-t {
  top: auto;
	bottom: 20px;
}

Regards,

Many thanks! You can close this topic now 🙂

Hi designmono,

Glad to hear your issue has been resolved. Keep us in mind for future questions and concerns, we’re always here to help!

If you have a quick minute we always appreciate a 5-star rating on our theme!

https://themeforest.net/item/woodmart-woocommerce-wordpress-theme/reviews/20264492

Your feedback is the motivation to improve our work and services.

Regards,

[Author]

Posts