Okay
  Public Ticket #4189788
Woocommerce star-rating css conflict
Open

Comments

  • Vincent started the conversation

    I created a global section with a testimonial slider, displaying on all pages.

    On the woocommerce pages, the star-rating is not displaying correctly because the woocommerce CSS (class .star-rating) is conflicting with the salient CSS for the .star-rating.

  •  3,256
    Austin replied

    Hi Vincent,

    Thank you for getting back to us.

    Add this into the Custom CSS box in your Salient Theme Options panel:

    .single-product .testimonial_slider .star-rating:before {
        display: none;
    }

    Try that and let us know how it goes.

    Thanks,

  • haveabytenow replied

    Nope, I had to override a lot more Woocommerce ".star-rating" css to change it back to the Salient layout.

    Please, add this fix to the next release! 

    .testimonial_slider .star-rating {
      width: auto;
      height: auto !important;
      letter-spacing: normal;
      float: none;
      overflow: visible;
      position: relative;
      line-height: normal;
    }
    .testimonial_slider .star-rating::before{
        position: relative;
        line-height: normal !important;
    }



  •  3,256
    Austin replied

    Hi Vincent,

    Thank you for getting back to us.

    Thank you for sharing the fix and the bug. I will notify the developer of the same for consideration in future updates.

    Kind regards,