Hello,
1) Use the below code
.tagcloud a:hover {
color: #fff !important;
border-color: #4c69b1;
background-color: #4c69b1;
}
2) Add the below code to custom CSS
.content-product .product-content-image img {
max-height: 200px;
}
.content-product .product-content-image {
min-height: 200px;
}
And also provide us with WP Dashboard and FTP access to your site to check the issue with the masonry for that page.
4) There is no option to add close toggle but you can add scroll if you want. Use the below custom
.single-product-sidebar .tagcloud {
max-height: 150px;
overflow-y: auto;
overflow-x: hidden;
}
Regards