Product Details Page Wishlist Button is not properly aligned.
-
Hello Team,
Please check the product detail page and there you will get an unaligned “Add To Wishlist” button. I have tried to put some custom CSS but it’s conflicting with other places as well. So please help me with the same.
Hello,
Please provide more details on what you want to change: color, size, only icon or all together? I will give custom CSS.
Best Regards
Currently, if you see on the product detail page, the wishlist icon and text (Add to wishlist) are not aligned properly. It should be in one line only, however, it’s showing in multiline that is not the correct alignment. So i want Add to Wishlist in one row.
Hello,
Please, provide your site admin access (insert the site credentials into the Private content block under the message area) and confirm the permission for plugins deactivation, switching to the parent or default theme. This testing may take up to 15 minutes. You would better make the full backup of your site.
Best Regards
Please do the needful, I grant you the access to proceed further with the correction of this error.
Please find the below admin credentials.
Hello,
Please find this code in the Theme Settings > Custom CSS:
body.single-product .wd-wishlist-icon>a {
min-height: 45px;
min-width: 20px;
display: inline-block;
padding: 5px 0 0 20px;
background-image: url(https://gemrize.com/wp-content/uploads/2021/08/diamond.png)!important;
background-repeat: no-repeat;
background-position: left center;
}
And replace with this one:
body.single-product .wd-wishlist-icon > a {
min-height: 45px;
min-width: 150px;
display: inline-block;
background-image: url(https://gemrize.com/wp-content/uploads/2021/08/diamond.png)!important;
background-repeat: no-repeat;
background-position: left center;
padding-top: 15px;
background-size: 10%;
}
Best Regards
.
