How to over-ride mantras text fonts for a specific div class??

Forums » WordPress » Mantra » How To

  • Author
    Posts
  • July 3rd, 2013 at 16:08 #8503
    Chris

    Does anyone 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.

    Does anyone have any ideas?

    Thanks in advance

    Chris

    July 3rd, 2013 at 18:45 #8505
    Chris

    Resolved: Add the following custom CSS;

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

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

    Chris

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)

The topic ‘How to over-ride mantras text fonts for a specific div class??’ is closed to new replies.