Skip to main content
Contributor I
July 27, 2023
Solved

HEX code not updating on code

  • July 27, 2023
  • 5 replies
  • 127 views

I am dispalying product reviews using this code:

 

{% with maxReviewCountPerProduct=2 starHex='121212' %} {% with productId=event.ProductID|slugify %}
{% for key, reviews in feeds.product_reviews.items %}{% if productId == key %}{% for review in reviews %}{% if maxReviewCountPerProduct == 0 or forloop.counter <= maxReviewCountPerProduct%}
1 Star2 Stars3 Stars4 Stars5 Stars
{{ review.title }}

{{ review.body|truncatewords:50 }}

{{ review.displayName }}
{% endif %}{% endfor %}{% endif %}{% endfor %}
{% endwith %} {% endwith %}
 
 
i want to update the star Hex colour to either #efb54c or #ecbdb2 however when I do this it breaks the star icons and displays broken image icons
 
Can anyone let me know if i am missing something obvious here and why this wont work?
    This topic has been closed for replies.
    Best answer by instastalkerpro

    Ensure that you are using the correct syntax to apply the HEX code in your code. For example, for CSS styles, HEX colors should be specified as #RRGGBBInstastalker.pro

    5 replies

    Taylor Tarpley
    Community Manager
    Community Manager
    July 27, 2023

    Hi @bblatch

     

    Thanks for your question! Happy to help!

     

    Do you mind trying to change the star color in the template editor to see if you have success? If you select the color from the spectrum or type the hex code in this area (see screenshot) it should work as expected.

    Thanks for participating in the Community!

    -Taylor 

    bblatchAuthor
    Contributor I
    July 28, 2023

    Hi @Taylor Tarpley 

    Thanks for your help however i do not have this view. Please see screenshot:

     

    Brian Turcotte
    Klaviyo Alum
    August 8, 2023

    Hi @bblatch!

    My apologies for the delay here - I’m going to reach out to Engineering about this and I’ll get back to the thread shortly.

     

    Best,

    Brian

    Contributor I
    August 10, 2023

    Ensure that you are using the correct syntax to apply the HEX code in your code. For example, for CSS styles, HEX colors should be specified as #RRGGBBInstastalker.pro

    Contributor I
    December 12, 2023

    Ensure that the path or URL instastoriesviewer.com to the icon file is correct. If you've changed the color or styling of the icon but kept the same file name, the file should still exist in the specified location.