Hello, good day. I’m trying to change the text size in related products, but the changes aren’t applied until I hover over the product. How can I solve this issue?
I’m using the following CSS code:
/* Link */
.product .et-product-height-calculated .product-details .products-page-cats {
display:none !important;
}
/* Bdi */
.et-product-height-calculated .product-details .price .woocommerce-Price-amount {
font-size:20px !important;
color:#000000 !important;
}
/* 479px and smaller screen sizes */
@media (max-width:479px){
/* Bdi */
.et-product-height-calculated .product-details .price .woocommerce-Price-amount {
font-size:18px !important;
}
}
