Trying to change font of accordion title

Topic summary

Main issue: The product page’s accordion section title wouldn’t adopt the desired Avenir font using a simple CSS rule (font-family: Avenir !important; letter-spacing: 2px;).

Key actions and guidance:

  • Advised to add custom CSS in theme.liquid before via Online Store → Theme → Edit code. This successfully changed the accordion title font to Avenir.
  • Follow-up concern: the accordion title still didn’t visually match the nearby “Dimensions” heading. Additional CSS was provided to align the typography (likely selector-specific styles such as font-weight, size, letter-spacing, or casing) so both headings match.

Outcome:

  • After applying the second CSS snippet, the styling matched and the issue was resolved. The requester confirmed success.

Notes:

  • Code snippets and screenshots were central to the fix, but their exact contents aren’t visible in this transcript.
  • No remaining open questions; discussion concluded with a working solution.
Summarized with AI on December 19. AI used: gpt-5.

I’m trying to change the title font for my accordion section on my product pages:

I want to change it to Avenir, and I tried

{
font-family:Avenir!important;
letter-spacing:2px;
}

and that didn’t work. What am I doing wrong?

Store: https://66cdcb-86.myshopify.com/

Password: chohme

1 Like
  • Here is the solution for you @jasminsharp97
  • Please follow these steps:
  1. Go to Online Store → Theme → Edit code.
  2. Open your theme.liquid file
  3. In theme.liquid, paste the below code before and press ‘Save’ to save it

  • Here is the result you will achieve:

  • Please press ‘Like’ and mark it as ‘Solution’ if you find it helpful. Thank you.
1 Like

Thank you! That got the font to change, but I’m trying to get it to be the same as the font title for “Dimensions” above it. Can you tell why they don’t match?

1 Like

Hi @jasminsharp97 try the below code,


If my reply is helpful, kindly click like and mark it as an accepted solution.

Thanks!

1 Like

Can you try this code @jasminsharp97

  • Please press ‘Like’ and mark it as ‘Solution’ if you find it helpful. Thank you.
1 Like

That worked thank you so much!!!

1 Like

Glad to help you. Have a good day.