SVG Star Rating has Ugly Border

  • Resolved shaunbowen

    (@shaunbowen)


    1 year, 9 months ago

    One of the recent updates has changed the rating stars to an SVG, which would look good but there is a small black border applied to them, leading to an ugly appearance.

    Line 116 of the plugin CSS shows:

    .strong-rating-wrapper .star svg path {
    fill: #FFB900;
    stroke: #000;
    stroke-width: 6;
}

    This stroke should be removed by default in my opinion.
    Please see the site I have linked to – the reviews are at the bottom.
    I am viewing it in Chrome.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Miha

    (@mplusb)

    1 year, 9 months ago

    Thank you for your feedback! 🌸
    To remove the stroke, please use the code below: 

    .strong-rating-wrapper .star svg path {
	stroke: none;
}

    Warmly,
    Mihaela

    Thread Starter shaunbowen

    (@shaunbowen)

    1 year, 9 months ago

    Hi Mihaela,

    Thanks, I have already added the CSS to a few sites – will you be rolling out a change in the next update? I have loads of sites using the plugin and it would take ages to update them all.

    Shaun

    Plugin Support beatrice12

    (@beatrice12)

    1 year, 9 months ago

    Hi @shaunbowen,

    I opened a ticket with our development team regarding this. This is the new design but our devs will try and find a solution. Here you can see the ticket: https://github.com/WPChill/strong-testimonials/issues/337

    Warmly,
    Beatrice.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘SVG Star Rating has Ugly Border’ is closed to new replies.