Updating the Fonts Used by the Gift Card Pro on your Storefront

Making sure that the Gift Card Pro builder and Balance Check pages are pulling through the fonts used elsewhere on your storefront, to ensure a cohesive aesthetic, some CSS may need to be added to your Appearance Settings section.

Gift Card Pro will try and pull through the fonts used on your website, though due to some theme structures these may need to be manually embedded with CSS. Generally, you should be able to inherit the fonts used elsewhere. Though if the following does not work, please specify the font-family specifically.

Go to Gift Card Pro –> Configuration –> Appearance Settings. In the Advanced Settings section, enter the following code into the top Custom CSS Editor:

    #gcpAnimatedCard.gc__animated-card .gc__message_wrapper p {
    font-family: inherit;
    }
    
    .gc__sub_heading {
    font-family: inherit!important;
    }
    
    .gc__banner h3 {
    font-family: inherit!important;
    }

This will pull through your fonts accordingly.

As ever, if you run into any issues with implementation, please don’t hesitate to get in touch with us at support@gist-apps.com