[resolved] Mantra - How to over-ride mantras text fonts for a specific div class?? (2 posts)

  1. Forest Skills
    Posted 3 years ago #

    Does anyone (Zedt in particular) know what custom CSS I need to add to mantras custom CSS section, so that the pre-programed font for a specific div.class isn't overridden my the generic mantra font family?

    To be specific; Woocommerce allows star ratings for products as part of the product review tab. These are then shown in

    div.class: "star rating";

    However, because of mantras (excellent) ability to mass change the fonts used in a theme, it also overrides the woocommerce.css file where div.class: "star rating"; uses

    font-family: "star"

    which leaves any products showing a review of say 5 stars as being 'SSSSS' as a capital 's' is what font-family star uses to show a star shape.

    Anyone (especially Zedt) have any ideas?



  2. Forest Skills
    Posted 3 years ago #

    Resolved: Add the following custom CSS;

    .star-rating span {
    font-style: bold;
    font-family: "star";
    color: #006c00;

    It's only taken me 3 months to figure this out!


Topic Closed

This topic has been closed to new replies.

About this Topic