I have the problem that on the slider and on the overview page that show product overviews that the price is not visible anymore as soon as the product was rated with stars.
This can be seen on the main page with the product slider.
And as well on the “Schnittmuster” page (click on main menu to get there).
Hovering over the product the summary-text is shown and parts of the price and stars are shown.
I wanted to fix this by adding custom css in the “Theme settings – Custom CSS – Global Custom CSS” but anything I add there has no effect.
So I have 2 problems:
1- price is no longer showing with star ratings.
2- Global Custom CSS is not working
My test to fix problem no 1 was that I wanted to add:
.woodmart-hover-base.has-stars.product-type-external .product-rating-price, .woodmart-hover-base.has-stars.product-type-external .star-rating, .woodmart-hover-base.has-stars.product-type-external .wrapp-product-price .price, .woodmart-hover-base.has-stars.purchasable .product-rating-price, .woodmart-hover-base.has-stars.purchasable .star-rating, .woodmart-hover-base.has-stars.purchasable .wrapp-product-price .price {
height: 60px;
line-height: 1.3;
}
to override the height of 30px and line-heigt of 30px. As that prevents the price to be visible. It is not a perfect fix yet but a starter I guess.
So I don’t know if that would be the appropriate way to fix it. If you have better suggestions please let me know. But as long as Custom CSS is not working I cannot add it.
.
