Dawn theme settings

You can use theme settings to make changes to your online store's typography, colors, social media links, and checkout settings. When you make changes to your theme settings, the changes apply to your entire online store.

Colors

You can choose the colors for the different parts of your online store.

Customize your color settings

  1. Click Theme settings.
  2. Click Colors.
  3. To open the color picker, click the color swatch for the content type color you want to change. The Currently used area shows colors that you are currently using in other parts of your theme.

    To set a specific hex color code, click on the text field to enter the color.

    To set the color to transparent, delete the hex code value from the text field.

  4. Click Save.

To learn more about Dawn's color options, including how to set color gradients, refer to Dawn color schemes.

Typography

You can set the font style and size for the text on your online store. You can choose a system font or a custom font.

It's recommended that you use system fonts in your store. Using system fonts avoids downloading new fonts to your customer's computer, which can negatively impact your store load speed. The font that displays on your customer's computer depends on their operating system.

Customize your typography settings

  1. Click Theme settings.
  2. Click Typography.
  3. For each type of text, click Change to use the font picker.
  4. Explore available fonts with the search field or by clicking Load more.
  5. Click the name of the font you want to use, and then click Select.
  6. Click Save.

Customize your font sizes

You can set the default font sizes for your heading and body text within the Typography theme setting.

Steps:

  1. Click Theme settings > Typography.
  2. To change the default font size for headings, use the Font size scale to select the default font size. The minimum font size is 100%, and the maximum font size is 150%. Each increment of the scale increases the font size by 5%. The default setting is 100%.
  3. To change the default font size for body text, use the Font size scale to select the default font size. The minimum font size is 100%, and the maximum font size is 130%. Each increment of the scale increases the font size by 5%. The default setting is 100%.
  4. Click Save.

Layout

Layout allows you to set the maximum width that your online store will display in.

  1. Click Theme settings > Layout.
  2. Use the drop-down menu to choose between a layout of 1200px or 1600px. The default setting is 1600px.
  3. Click Save.

Social media

You can add social sharing buttons for your products and blog posts, and links to your social media accounts. Links to your social media accounts show in the footer of your online store.

Customize your social media settings

  1. Click Theme settings.
  2. Click Social media
  3. To add links to your social media accounts, enter the links to your accounts in the fields provided under Accounts. Enter full links, such as https://instagram.com/shopify, or https://twitter.com/shopify.
  4. Click Save.

Search input

Dawn includes predictive search, which shows product suggestions when customers start typing into the search field. Product suggestions can help customers articulate and refine their search queries, and provide new ways for them to explore an online store. They can also let customers quickly browse matches without having to leave their current page to see a separate list of search results.

You can customize the following settings for search:

  • Enable product suggestions - Enable or disable product suggestions.
  • Show vendor - Show or hide vendors in product suggestions.
  • Show price - Show or hide prices in product suggestions.

Change search input settings

  1. Click Theme settings.
  2. Click Search input
  3. Use the settings to customize the search behavior for the store.
  4. Click Save.

To learn more about how product suggestions work, refer to Predictive search.

Favicon

You can add a favorites icon, or a favicon, which can help to brand your online store. A favicon shows in the following places:

  • your web browser tab
  • your web browser's history
  • icons on your desktop
  • beside your online store name when it is bookmarked

Learn more about favicons.

Customize your favicon

  1. Click Theme settings.
  2. Click Favicon
  3. In the Favicon image area, click Select image, and then do one of the following:
    • To use an image that you have already uploaded to your Shopify admin, click on an image to select it and click Select.
    • To use an image from your local computer, click Upload. Choose an image from your computer and click Open to start the upload. It will be automatically selected when the upload is finished. Click Select.
    • To select a free image, click Free images and search for or click an image to select it.
  4. Add alt text to your favicon image:
    1. Click Edit alt text.
    2. In the Edit image window, enter a brief description of the image.
    3. Click Save.

Currency format

You can choose to have product, cart, and checkout prices always show currency codes.

  1. Click Theme settings.
  2. Click Currency format.
  3. To enable currency codes, click the Show currency codes checkbox.
  4. Click Save.

Checkout

This section lets you customize your store's checkout. Refer to Shopify checkout for more information about your store's checkout page.

Change theme styles

A theme style is a collection of settings chosen by a theme designer. You can apply a theme style to your store to give it a polished look and feel. All themes have a theme style applied by default. When you customize a theme, you replace the theme style settings with your own. When you apply a theme style to your theme, you change your current settings, such as colors and typography.

Steps:

  1. Click Theme settings > Styles.

  2. Using the dropdown menus, select your theme style options. The available options available depend on which theme you use.

  3. Click Save.

Undo and redo changes

The Undo button reverses your most recent change, and the Redo button adds back a change that you undid. Clicking the Undo button more than once will continue to undo your work, one change at a time. The Undo and Redo buttons are located in the theme editor toolbar.

The Undo and Redo buttons in the theme editor toolbar

Click the Undo button to reverse the following changes:

  • adding, reordering, and deleting sections
  • applying colors, fonts, and other settings, on the Theme settings tab
  • resetting a theme style.

You can use theme settings to customize the colors and typography on your online store. You can also set up links to your social media accounts, edit your cart settings, and add a favicon.

Ready to start selling with Shopify?

Try it free