How can I customize the text on gift cards?

Store Design

Topic summary

Customizing Shopify gift card messaging and styles, including changing the displayed text and visual formatting.

  • Text content: Change wording via Online Store → Themes → Edit languages → Gift Card. This lets you modify phrases like “Here’s your gift card!”.

  • Styling tweaks:

    • Title in all caps: Add to theme.scss: .giftcard__title { text-transform: uppercase; }. Confirmed working after a preview URL was shared.
    • Text color: One user asked how to change all text color; pending—helper requested a gift card link, no final solution posted.

  • Shopify Plus solution (fonts and buttons):

    • Add plus-gift-card.css.liquid using Liquid font_face to apply store-selected fonts to body, headings, and buttons.
    • Extend settings_schema.json with a “[Plus] Gift Card Page” section: toggle to enable styles, font_picker controls (header/body/button), and color controls for button border/hover and text.
    • Update gift_card.liquid to include the stylesheet (diff indicates layout changes; snippet partially shown). Instructions note some details may need adjusting and suggest using diffread.com to view steps.

  • Notes: Code snippets and diffs are central (CSS = styling, Liquid = Shopify templating). Some actions required sharing a gift card preview URL.

Status: Partially resolved—caps and Plus styling implemented; global text color change remains open.

Summarized with AI on February 1. AI used: gpt-5.
13

Hi @Denis_A

Thanks for your support for the community here.

I’m trying to change the font of the title on the gift card page but it seems that I need to add it to Giftcard css file, right? and why I have to do that if the font is already installed in my store and showing in all pages.?

Please advise.

Kam