Need help in changing font of FAQ section (h4 in Ride Theme)

Store Design

Topic summary

Issue: FAQ titles added via an app in the Ride theme were forced to H4 and uppercase. The merchant wanted to override this to normal case or a paragraph-like style for better legibility.

Solution provided: Add a custom CSS snippet in Online Store → Theme → Edit code → theme.liquid, placing it before the tag to remove the uppercase styling from the H4 FAQ titles.

Follow-up: The merchant asked to make H4 look more like paragraph text. The helper suggested updating the CSS to adjust the H4 font size (and style) so it reads more like paragraph text.

Outcome: Both changes worked as intended for the merchant.

Notes:

  • Code snippets (CSS) and screenshots were central to the solution and its verification.
  • No theme files beyond theme.liquid were modified; the approach relied on CSS overrides.

Status: Resolved. No remaining open questions.

Summarized with AI on January 28. AI used: gpt-5.
1

Hello! I’m almost done with my storefront and added an FAQ section to my page with the help of an app I downloaded from the App store. The app works brilliantly, the only issue being the Title of the each FAQ is H4 and Uppercase, I have tried adding custom CSS to that section to no avail, even tried mailing the developer for instructions, but I think that ID may be inactive, is there anyway I can override the default uppercase H4 to a normal form or even to paragraph?

Adding a link to the same page as well https://donneworld.com/products/under-your-skin

Screenshot 2023-04-25 at 3.21.17 PM.png
Screenshot 2023-04-25 at 3.21.17 PM.png2714×592 87.8 KB

Thank you in advance!

2

Hi @DonneWorld

Greetings from the Store Watchers Support Team! Happy to help you today.

Online Store ->Theme ->Edit code → Assets ->theme.liquid

add the following code before tag

After applying the code it will show like this.

StoreWatchers_0-1682418128458.png
StoreWatchers_0-1682418128458.png1339×606 69.1 KB

Hope this will help you, Let me know if need any help!

Regards,
Store Watchers Support Team

1 Like
3

This worked! Thank you so much! :grin: Probably a long shot, but the H4 tag can’t be changed to a normal font of the paragraph like this for easier legibility right?

Screenshot 2023-04-25 at 4.36.45 PM.png
Screenshot 2023-04-25 at 4.36.45 PM.png716×840 140 KB

4

Glad to know it worked.

We can change the font size for h4, you just need to update the above code with the following.

It will look like this, you can change the font size to anything you want.

StoreWatchers_0-1682426214116.png
StoreWatchers_0-1682426214116.png1282×540 57.2 KB

Hope this will help you, Let me know if need any help!

Regards,
Store Watchers Support Team

1 Like
5

Thank you so much for all the help!!! :grin:
Worked brilliantly!