Custom font - flexible size and keep center position in container across devices - Dawn

Store Design
, , ,
1

homedarlings.com, Dawn theme

I am trying to figure out how to:

Customize the heading font of the rich text section to be the “Arapey” font

Make the font flexible to adjust its size and position relative to the container depending on the device type. it should always be centered of course

ManuelH_1-1711285315662.png
ManuelH_1-1711285315662.png1120×571 149 KB

I know how to change it to “times new roman” but Arapey doesnt work

thanks in advance

2

Hello @ManuelH

You can add code by following these steps

  1. Go to Online Store → Theme → Edit code.

  2. Open your theme.liquid file

  3. Paste the below code before on theme.liquid

#shopify-section-template--20261126275396__rich_text_FVEVBX h2 { font-family: Arapey !important; } #shopify-section-template--20261126275396__rich_text_FVEVBX .content-container { align-items: center !important; justify-content: center !important; display: flex !important; } @media screen and(max-width: 767px){ #shopify-section-template--20261126275396__rich_text_FVEVBX h2 { font-size: 4rem !important; } }

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

3

This is Noah from PageFly - Shopify Page Builder App

You can change font-family and change font size by add below code here:

Step 1: Online Stores > Themes > Edit code

Step 2: Choose file theme.liquid
Step 3: Add code above the tag

Hope my solution will help you resolve the issue.

Best regards,

Noah | PageFly