How to Customize your Typography in the Storefront Theme

As we continue our series on the Storefront theme, we will now show you how to customize your Typography. This can help brand your WooCommerce store by making the colors match your brand or better suit your website style. We will walk you through changing your heading, text and link/accent color. We will also show you the results of the color change.

Customize Storefront Typography

  1. Log into your WordPress Dashboard.
  2. In your navigation menu click Appearance then Customize.

  3. Click the Typography link.

  4. Under the Heading color option click the Select Color button then choose your color.

    The changes will be displayed immediately.

  5. Under Text color click the Select Color button, then choose your new text color.

    Your new text color will be displayed immediately.

  6. Under Link / accent color click the Select Color button and choose your new link color.

    You will see your new link color displayed immediately.

  7. After changing your Typography click the Publish button to save it.

Congratulations, now you know how to customize your Typography in WordPress using the Storefront theme. In the next guide we will show you how to customize your Layout in the Storefront Theme.

IC
InMotion Hosting Contributor Content Writer II

InMotion Hosting contributors are highly knowledgeable individuals who create relevant content on new trends and troubleshooting techniques to help you achieve your online goals!

More Articles by InMotion Hosting

Was this article helpful? Join the conversation!

Questions about our MailChannels Deployment? We have answers and are here to help!Learn More
+