This topic has 4 replies, 2 voices, and was last updated 7 months, 1 weeks ago ago by Rose Tyler
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;
}
}
Hello, Felipe Rojas,
Thank you for contacting us regarding your inquiry about adjusting the text size for related products on your website. We appreciate your patience and are more than happy to assist you.
Please find below the CSS code that you can use to make the necessary adjustments:
.elementor-widget-woocommerce-product-etheme_related .content-product .product-title a {
font-size: 20px;
}
If you have any additional questions or concerns, please do not hesitate to reach out to us. Our support team is always available to assist you.
Best Regards,
8Theme’s Team
Thank you!
Hello, Felipe Rojas,
You’re welcome!
Best Regards,
8Theme’s Team
The issue related to '‘Change Text Size on Related Products in Single Product Page’' has been successfully resolved, and the topic is now closed for further responses