You may occasionally update the design of your Shopify store to make it stand out and draw customers in. How do you edit theme settings on Shopify to update the new look of your online store? Luckily, Shopify themes enable you to alter the appearance and feel of your storefront in various options.

In this article, we – LitExtension, will go over some main points to assist you in updating your Shopify online store, as follows:

Let’s clarify Shopify theme settings first before discussing the specific guidelines.


Understand Shopify Theme Settings

Shopify theme settings allow you to change your online store’s colors, logo, typography, buttons, social media links, cart, checkout settings, etc.

Overview of theme settings Shopify.
Overview of theme settings Shopify.

Your entire online store will be affected when you change Shopify theme settings.

Thus, before adjusting Shopify themes, you should read some recommendations:

  • Remember to duplicate Shopify theme file. This backup will be helpful if you make a mistake and need to start over.
  • Be aware of the available level of support.
  • Understand the conditions and the process of uploading images.

Note that while you can do minor customizations with Shopify’s default theme (Dawn or Debut theme), you’ll be limited if you want to make your store more unique.

Furthermore, you are not required to use the first theme you select. You can always switch Shopify themes and store 20 of the best Shopify themes in your library. You can even build a theme from scratch if you need something special.


How to Edit Theme Settings on Shopify Generally

Follow our step-by-step instructions to edit theme settings on Shopify in general.

  • Step 1: Navigate to Online Store (1) > Themes (2) > Customize (3) the current theme.
Click Customize button.
Click Customize button.
  • Step 2: In the Shopify Theme Editor, choose Theme Settings.
Where is settings in Shopify
Where is settings in Shopify
  • Step 3: Make any changes to your online store’s typography, colors, social media links, and checkout settings.
Shopify section settings
Shopify section settings
  • Step 4: Preview and Save changes.
Save and update Shopify theme
Save and update Shopify theme

You know how to edit theme settings on Shopify generally. Let’s dive deep into the details guides.

Learn more about How to Custom Shopify Themes, a complete beginner guide!


How to Customize Theme Settings in Shopify

Your options will vary significantly based on your chosen theme. In this section, we take the Shopify Dawn theme as an example to show you how to edit Shopify themes settings.

#1 Edit Logo & Favicon

  • Step 1: In Theme settings, click Logo.
  • Step 2: Click Select image, then do one of the following:
    1. Choose a logo image you have already uploaded to your gallery.
    2. Choose Add Images to upload an image from your local computer.
    3. Explore free images to search and select a free image.
Edit logo in Theme settings
Edit logo in Theme settings

3. Step 3: Add alt text to your logo image:

    1. Select Edit alt text.
    2. Add a brief description.
    3. Choose Save.

To change the logo’s width after uploading it, move the slider to the pixel setting.

Edit Favicon in Theme settings
Edit Favicon in Theme settings

Note: Apply the same procedures to Favicon.

#2 Edit Colors

Your online store’s various sections can use up to 21 color schemes you can design.

Follow our instructions on how to change theme colors Shopify.

  • Step 1: In Theme settings, click Colors.
  • Step 2: To add a new color scheme, click add scheme or select an existing one.
  • Step 3: Click the color swatch for the content type color.
  • Step 4: Enter a hexadecimal color code or use the color picker to set your color. Remove the hex code from the text field to change the color to transparent.
  • Step 5: Click Save.
How to change theme colors Shopify
How to change theme colors Shopify

#3 Customize Typography

You can customize the font style and size for your heading and body text on your online store. Here are the guidelines for altering typography and font sizes.

  • Step 1: In Shopify settings, click Typography.
  • Step 2: Hit Change to use the font picker for heading and body.
  • Step 3: Use the search field to look through the available fonts or select Load more.
  • Step 4: Click Select after picking the desired font name.
  • Step 5: Use the Font size scale to change the font size for heading (min 100% – max 150%) and body (min 100% – max 130%).
  • Step 6: Click Save.
Edit typography in theme settings
Edit typography in theme settings

#4 Change Layout

You can specify a maximum width for your online store’s display using the layout, as follows:

  • Step 1: In Theme settings, click Layout.
  • Step 2: Choose between a page width of 1000 pixels or 1600 pixels using the range slider (1600 pixels is the default setting).
    1. Optional: Use the range slider to add vertical space between sections (Maximum: 100px).
    2. Optional: To add space between grid content, use the horizontal and vertical space range sliders if your layout is a grid.
  • Step 3: Click Save.
Edit layout in theme settings
Edit layout in theme settings

#5 Adjust Buttons, Variant pills, Inputs, Drawers

Some interactive content types, like drawers, buttons, variants, and quantity inputs, allow you to change the borders and shadows.

[wptb id=61629]

Adjust border and shadow of buttons.
Adjust border and shadow of buttons.

#6 Customize Cards

The settings for product cards, collection cards, and blog cards let you alter the appearance of each type of sectioned separate area. You can alter these cards’ color, alignment, image padding, borders, and shadows.

  • Step 1: In Theme settings, click Product Cards, Collection Cards, or Blog Cards.
  • Step 2: Select a card Style in drop-down menu.
  • Step 3: Use the sliding scale to add image padding. Your card images will have more space now.
  • Step 4: Set the Text alignment using the dropdown menu. Pick from left, center (the default), or right.
  • Step 5: Choose a Color scheme.
  • Step 6: Alter Border by using the sliding scales.
  • Step 7: Edit Shadow by using the sliding scales.
  • Step 8: Click Save.
Editing Shopify themes’ cards
Editing Shopify themes’ cards

#7 Adjust Content containers, Media, Dropdowns and pop-ups

Containers are the text portions of content sections, such as a slideshow’s text box, an image banner, or the columns in sections with multiple columns.

Media is a section of visual elements, like a product image or an image in an Image with Text section.

Dropdowns and pop-ups include navigation dropdowns, pop-up modals, and cart pop-ups.

Here are some quick instructions for modifying the Border and Shadow of content containers, media, dropdowns and pop-ups.

  1. Step 1: Click Content containers / Media / Dropdowns and pop-ups in Theme settings.
  2. Step 2: Change Border by using the sliding scales.
  3. Step 3: Change Shadow by using the sliding scales. (Reduce the opacity to 0% to delete the shadow.)
  4. Step 4: Click Save.
Adjust Content containers, Media, Dropdowns and pop-ups
Adjust Content containers, Media, Dropdowns and pop-ups

#8 Edit Badges, Icons

When the price decreases, or the inventory level reaches 0, sale and sold-out badges are automatically added to your product images. You can change the placement, shape, and color of your badges as follows:

  • Step 1: In Theme settings, click Badges.
  • Step 2: Choose the badge position within the product cards: the top left, top right, bottom left (default), or bottom right.
  • Step 3: Choose rounded corners with the sliding scale. When the corner radius is set to 0, square badge edges are produced; badge edges are rounded when the radius increases.
  • Step 4: Select a Color scheme for your badges.
  • Step 5: Click Save.
Editing Shopify themes’ badges
Editing Shopify themes’ badges

Small images known as icons can be added to certain blocks or sections. You can choose the color scheme for your icons in the theme settings.

  • Step 1: In Theme settings, click Icons
  • Step 2: Choose the icon color between Accent 1, Accent 2, Outline button, or text color for your store icons.
  • Step 3: Click Save.
Editing Shopify themes’ icons
Editing Shopify themes’ icons

#9 Edit Brand information

You may provide details about your brand. Below are the step-by-step guidelines.

  • Step 1: In Theme settings, click Brand information.
  • Step 2: Add a headline.
  • Step 3: Add a description.
  • Step 4: Choose Select image and do one of the following:
    1. Click Select to use an image you uploaded to your Shopify gallery.
    2. Click Upload to use an image from your local computer.
    3. Click Free images to search and select a free image.
  • Step 5: Toggle the slider to the desired pixel width in the Image width area.
Shopify input settings for brand information
Shopify input settings for brand information

#10 Customize Social media

Links to your social media accounts, plus social sharing buttons, can be added to your products and blog posts. Do the following steps.

  • Step 1: In Theme settings, click Social media.
  • Step 2: Enter the total links to your social media accounts in the spaces provided under Accounts (https://instagram.com/Shopify.)
  • Step 3: Click Save.
Shopify input settings for social media links
Shopify input settings for social media links

#11 Activate Search behavior, Currency format

The following search behaviors are customizable:

  • Enable search suggestions – Turn on or off search suggestions.
  • Show product vendor – Display or hide product vendors in search suggestions.
  • Show product price – Display or hide product prices in search suggestions.
Active search behavior in section settings Shopify
Active search behavior in section settings Shopify

You can decide whether or not the prices for products, carts, and checkouts always display currency codes as follows:

  • Step 1: In Theme settings, click Currency format.
  • Step 2: Check box Show currency codes to enable currency codes.
  • Step 3: Click Save.

#12 Adjust Cart

Now, let’s move to the Cart section. To do so, follow these below steps:

  • Step 1: In Theme settings, click Cart.
  • Step 2: Select a cart style in drop-down menu: drawer, page, or pop-up notification.
    1. Optional: Check box Show vender to display the vendor items in a customer’s cart.
    2. Optional: Check box Enable cart note to allow customers to make special requests or add extra order information.

 

Editing Shopify themes’ cart
Editing Shopify themes’ cart

#13 Customize theme styles

Last on our guide on how to edit theme settings on Shopify is to customize the theme style.

  • Step 1: In Theme settings, click Styles.
  • Step 2: Choose your theme’s style options using the dropdown menus. The options you have depend on the theme you’re using.
  • Step 3: Click Save.
Change theme style
Edit theme settings on Shopify – Change theme style

Now you know how to edit theme settings on Shopify. Let’s move on to undo and redo changes in the next section.

Learn more about How To Change Themes on Shopify in Simple Steps!


How to Undo & Redo Changes in Theme Settings

Shopify theme editor toolbar contains the Undo and Redo buttons.

  • Redo button brings back a change that you undid.
  • Undo button reverses your most recent change.
Undo and redo buttons
Undo and redo buttons

Sometimes, you should click the Undo button:

  • add, re-arrange, and remove sections.
  • apply fonts, colors, and other settings on the Shopify Settings tab.
  • restore a theme style.

LitExtension’s Shopify store development services can cater to all your eCommerce needs. Check it out!

Want to migrate to Shopify?

If you are intending to migrate to Shopify, LitExtension offers a great migration service that helps you transfer your data from the current eCommerce platform to a new one accurately and seamlessly with utmost security.


Edit Theme Settings on Shopify – FAQs

[sp_easyaccordion id=”61625″]


Wrap-Up

Knowing all the options will enable you to edit theme settings on Shopify, and build a Shopify store that is distinctive, memorable, and optimized for conversion.

LitExtension, the #1 Shopping Cart Migration Expert offers you various solutions at an affordable cost to optimize your eCommerce business. For more advice on managing your online store, visit our LitExtension blog and eCommerce community.

KEEP READING...

You may also like