Many of the fonts and colors used in the portal can be customized to match the look and feel of your Shopify storefront. All it takes is a small snippet to insert into your core theme.
This is very easy to do, and this guide will walk you through the process.
Making Changes to Your Shopify Theme
The ReturnZap customer portal inherits its styling from the master design files used in your Shopify theme. While each theme is slightly different, the good news it that themes are generally consistent with how they handle these master stylesheets.
To get started, log in to your Shopify storefront as an admin user. Then, follow these steps:
On the left hand navigation, locate and click Online Store in the section under Sales Channels
For your shop's current theme, click the dropdown labeled actions and select edit code. It should look like the screenshot above.
On the left hand navigation of the edit code page, scroll down until you see a folder called Assets. This may be collapsed by default, you can click to expand it.
Locate the master .css stylesheet for your theme. There is no standard naming convention used across all Shopify themes for this, but it will most likely be called theme.css, stylesheet.css, or something similar. Click it.
This will open up a new page that looks like a code editor. Don't worry, you don't need to do anything complicated here. Ignore everything you see and scroll down to the very bottom of this page.
Paste the relevant code snippet for the part of the return portal that you wish to customize from the list of options included later on in this article.
Customize any of the elements you desire - for example color or font value
Save your changes.
That's it! Your changes should reflect on your returns portal once you reload the page.