Support » Plugin: Reviews and Rating – Google Reviews » stars orange in chrome but grey other browsers

  • Resolved slservice33

    (@slservice33)


    Hi, my google stars in are grey instead of orange in browsers other than chrome (osx)

    that is just for shortcode below:

    [reviews_rating theme=”narrow center” class=”red” summary=”icon, name, rating, stars, count” icon=”/wp-content/uploads/2021/07/SL-SERVICE-favicon.png” limit=0 stars=”css”]

    Also can you tell me where the title font size comes from in the above shortcode.

    Thank you very much !

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

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Author Design Extreme

    (@designextreme)

    @slservice33 Thanks for asking about the star colours. I will have a closer look into this for you later.

    For the title font size, please have a look at the html_tags parameter and set this to h3 or p for different heading sizes. You can also set this using the style sheet as a smaller size.

    Plugin Author Design Extreme

    (@designextreme)

    @slservice33 I am having problems viewing your website because it is on a blacklist of potentially harmful websites (notified by my antivirus software).

    Please let me know when you’ve addressed this so that I can view your website safely?

    Plugin Author Design Extreme

    (@designextreme)

    @slservice33 I’ve managed to load the page on my phone and, from what I can see there, there is a problem with the current colour of the stars in the CSS. Please ensure you’ve added this rule correctly in your Child theme’s style sheet or the Custom Styles (advanced tab):

    .google-business-reviews-rating.red .rating,
    .google-business-reviews-rating.red .rating .star {
        color: rgba(255, 20, 20, 0.9);
    }
    .google-business-reviews-rating.red .rating .star.gray {
        color: rgba(165, 100, 100, 0.4);
    }

    I cannot check on my computer because of the compromised website warning. However, applying the styling here will set the grey star to red as expected.

    Thread Starter slservice33

    (@slservice33)

    Hi thats great, i’ve added the code in my themes (astra) custom CSS and the stars have gone red.

    Unfortunately I’ve never worked out how to use the parameters to change the title font.

    My best guess is just add – html_tags = “h3”, to the shortcode but that doesnt work at all.

    Thanks
    Stephen

    Plugin Author Design Extreme

    (@designextreme)

    @slservice33 The heading will follow your theme’s styling so it reflects the fonts and sizes you have for each heading (h1, h2, h3,…). You can also set it to a paragraph using html_tags="p" which similarly follows your paragraph styling.

    You can override all the styles using your own CSS in the Child Theme’s style sheet, the Astra theme’s custom CSS or in the Advanced tab under Custom Styles. The heading here has the class: business-name.

    As I can only view your website on my phone, I can’t really offer more help here.

    Thread Starter slservice33

    (@slservice33)

    Hi Thanks for that. My website isnt blacklisted by any one that I can find.

    I added – html_tags=”h3″ right at the end of the shortcode before the bracket and that has worked a treat.

    Before I was testing it in the Elementor shortcode block and for some reason only some of the reviews rating shortcodes work in that.

    Thanks for your help.

    Plugin Author Design Extreme

    (@designextreme)

    @slservice33 Thanks for letting me know this is fully resolved.

    FYI, the website is listed in Avast’s Blacklist. I don’t know why. I would check this out so that others will be able to view your website without this error.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘stars orange in chrome but grey other browsers’ is closed to new replies.