How to change font size for klaviyo reviews on symmetry theme

Topic summary

A user needed to reduce the font size of Klaviyo reviews on their product page to match the rest of their site’s typography on the Symmetry theme.

Solution Provided:

  • Custom CSS code was shared to be added to the assets/styles.css file
  • The code targets Klaviyo review elements and sets font-size to 12px and font-weight to 600

Outcome:

  • The solution successfully worked on the published website
  • Initially, the user thought the code was site-specific when testing on theme library duplicates, but after retrying, it worked across other templates as well

Status: Resolved - the user confirmed the CSS fix worked as intended.

Summarized with AI on November 15. AI used: claude-sonnet-4-5-20250929.

Hello,

Does anyone know how to make the font smaller for Klayivo reviews on my product page? I want it to match the size of the font of the rest of the page. I am using the Symmetry theme.

Thank you!

Hey @tcratchley

Could you please provide your Store URL and, if applicable, the Password too? Your cooperation is greatly appreciated!

Best Regards,
Moeed

@tcratchley

Please share your store URL!

Thanks!

This is the URL to the page I am talking about https://kiyomii.com/collections/bottoms/products/noah-lounge-pant-graphite

@tcratchley

Please add the following CSS code to your assets/styles.css bottom of the file.

#klaviyo-reviews-list .kl_reviews__reviews_list.kl_reviews__reviews_list.kl_reviews__reviews_list .kl_reviews__list__tabs button.kl_reviews__list__tab {
    font-size: 12px !important;
    font-weight: 600 !important;
}

Thanks!

Thank you! This worked on my published website :blush: I have tried to use this code on other themes in my theme library that are duplicates of this website however it doesnt work on that. Is this code unique to the active website only?

I tried again on the other templates and it worked! Thank you so much for your help :blush: