[Share] Underline product title when hovering over it

Some CSS code to underline product title when hovering over it.

If it doesn't work, you can send link to your site, I can check easier.

#1. Product Titles on Shop/Category Page

div.grid-title {
    border-bottom: 1px solid transparent;
}
div.grid-title:hover {
    border-color: #fff;
}

#2. Product Titles on Product Detail

h1.ProductItem-details-title {
    border-bottom: 1px solid transparent;
}
h1.ProductItem-details-title:hover {
    border-color: #fff;
}

#3. Product Titles on Related Products

div.ProductItem-relatedProducts div.grid-title {
    border-bottom: 1px solid transparent;
}
div.ProductItem-relatedProducts div.grid-title:hover {
    border-color: #fff;
}

#4. Product Title on Product Block

a.product-title {
    border-bottom: 1px solid transparent;
}
a.product-title:hover {
    border-color: #000;
}

#5. Product Title on Cart Page

a.cart-row-title {
    border-bottom: 1px solid transparent;
    display: inline;
}
a.cart-row-title:hover {
    border-color: #000;
}