Skip to main content
Solved

HEX code not updating on code

  • July 27, 2023
  • 5 replies
  • 86 views
B
Contributor I
Forum|alt.badge.img+2

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?

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 #RRGGBB. Instastalker.pro

    5 replies

    Taylor Tarpley
    Community Manager
    Forum|alt.badge.img+60
    • Taylor Tarpley
    • Community Manager
    • 2148 replies
    • 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 

    B
    Contributor I
    Forum|alt.badge.img+2
    • bblatch
    • Author
    • Contributor I
    • 1 reply
    • July 28, 2023

    Hi @Taylor Tarpley 

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

     

    Brian Turcotte
    Forum|alt.badge.img+37
    • Brian Turcotte
    • Klaviyo Alum
    • 1393 replies
    • 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

    I
    Contributor I
    Forum|alt.badge.img+1
    • instastalkerpro
    • Contributor I
    • 1 reply
    • Answer
    • 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 #RRGGBB. Instastalker.pro

    I
    Contributor I
    Forum|alt.badge.img

    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.


    Terms & ConditionsAccessibility statement

    Links & Resources

    Platforms

    Partners

    Useful Things

    About

    • Terms and Privacy |
      © 2024 Klaviyo All rights reserved. Klaviyo and the Klaviyo logo are trademarks or registered trademarks of Klaviyo, Inc. or its affiliates.