How can I adjust review star sizes on mobile using Editorify?

Store Design
,

Topic summary

Adjusting Editorify review star sizes on mobile. The store owner reports that changing star size in the app doesn’t affect mobile; desktop looks fine. Images of desktop and mobile views are provided and are central to understanding the issue.

Recent steps:

  • A helper requested the store URL; diyacosmetics.com was shared.
  • Suggested adding a CSS rule targeting “span.fa.editorify-rate-stars” and “span.fa.second-design-stars-notcheck” with “font-size: 14px !important;” in theme.css, or in the section’s Custom CSS.
  • The store owner couldn’t find theme.css and added the rule in Custom CSS, but it did not work. A screenshot of the attempt was shared (image central).

Additional request:

  • Move the “customer reviews” text further down and reduce top padding above the video on mobile.

Notes:

  • CSS (Cascading Style Sheets) controls visual styling like font sizes and spacing; the suggested rule aims to override star icon size.

Status:

  • No resolution yet. The CSS override did not apply, and spacing/padding changes remain pending. The discussion is open with unanswered questions.
Summarized with AI on January 8. AI used: gpt-5.
1

Hello Guys, can someone help me for a workaround for this problem?

On mobile the stars for reviews when using editorify review app are not changing size accordingly when changing sizes in the app?

Picture of how I looks on desktop:

pac 36.JPG
pac 36.JPG1134×384 20.1 KB

Picture on mobile:

pac 37.JPG
pac 37.JPG346×601 23.2 KB

I would like for the stars to be bigger on mobile.

2

Please share website URL and will take a look

3
4

thanks, go to your theme fiels and open theme.css and try to find the following code:

span.fa.editorify-rate-stars, span.fa.second-design-stars-notcheck {
    font-size: 14px !important;
}

if you can’t find it, if your review are from section block in Shopify customizer, you might see Custom CSS section where you can add above code

5

Hey, Thank u so much for responding

Unfortanely i didn’t work. The file wasn’t there so I pasted the code under custom CSS in the section. Her is a screenshot of what I did:

pac 40.JPG
pac 40.JPG1856×882 95.8 KB

Any ideo why it wasn’t work. Im using the app editorify to import reviews

6

I also wanna make the customer reviews text be further down and remove some of the top padding for the video:
Here is a picture:

pac 41.JPG
pac 41.JPG347×496 20.3 KB