# Customize the theme

***

{% embed url="<https://www.loom.com/share/d5f9a6c1ffb048ad8d9e2fc5552b43e4?sid=86a9c133-4b6e-44b0-8dd6-b5f4fb9a05ec>" %}

### **1. Access the theme editor**

* From your **Shopify admin**, go to **Sales Channels** > **Online Store** > **Themes**.
* Next to the theme that you want to edit, click **Customize**.

<figure><img src="https://1670075522-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6M5ltDUBhmgWKXclaWBK%2Fuploads%2FeFZZjw91D4FY7ZYoeFWS%2FScreenshot%202023-11-07%20at%203.58.30%20PM.png?alt=media&#x26;token=ca837dfa-d539-4d0b-a38d-1dbe026437e8" alt=""><figcaption></figcaption></figure>

### **2. Modifying Colors and T**ypography

Customizing the [**colors**](https://help.inspiredtheme.com/articles/theme-settings/inspiredtheme-settings-intro/colors) and [**typography**](https://help.inspiredtheme.com/articles/theme-settings/inspiredtheme-settings-intro/typography) of your theme is a crucial step in creating a cohesive and branded storefront.&#x20;

{% tabs %}
{% tab title="Colors" %}

<figure><img src="https://t9008110498.p.clickup-attachments.com/t9008110498/307d8686-64ea-4cb3-b561-571bdb7cdd61/Screenshot%202023-12-16%20at%203.44.04%20PM.png" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Typography" %}

<figure><img src="https://t9008110498.p.clickup-attachments.com/t9008110498/b455c03e-b513-4295-86a9-0921cd1e20ac/Screenshot%202023-12-16%20at%203.45.46%20PM.png" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

### **3. Adding and Configuring Sections**

[Sections](https://help.inspiredtheme.com/articles/sections) in Shopify themes allow you to add and organize content on your store’s pages.

* Click the “**Add section**” link in the left sidebar, and a searchable list of available sections will appear.

<figure><img src="https://t9008110498.p.clickup-attachments.com/t9008110498/a2268679-c3da-4e50-8844-accdf1a695ad/Screenshot%202023-11-07%20at%204.35.37%20PM.png" alt=""><figcaption></figcaption></figure>

* Expand a section node using the expand icon ">" to view its blocks, or collapse it using the collapse icon "**∨"** to hide the blocks. You can click any section or block to view its settings.

<figure><img src="https://t9008110498.p.clickup-attachments.com/t9008110498/cdaf5341-6494-4183-932f-67a5b50417c3/image.png" alt=""><figcaption></figcaption></figure>

### **4. Customizing the Header and Footer**&#x20;

The [header](https://help.inspiredtheme.com/articles/header) and [footer](https://help.inspiredtheme.com/articles/footer) of your website play a significant role in the overall navigation and branding of your store. Customizing these areas allows you to showcase your logo, [**navigation menus**](https://help.inspiredtheme.com/articles/general-information/navigation-menus), contact information, and other important elements.

<figure><img src="https://t9008110498.p.clickup-attachments.com/t9008110498/1fb20a14-7826-4978-a990-8803ffb5cd9d/Screenshot%202023-11-07%20at%204.42.02%20PM.png" alt=""><figcaption></figcaption></figure>

### **5. Adjusting the Product Page**

The [product pages](https://help.inspiredtheme.com/articles/product-pages) in your store need to effectively showcase your products and provide a seamless shopping experience for your customers. The theme provides options to style and customize these pages to match your branding.

<figure><img src="https://t9008110498.p.clickup-attachments.com/t9008110498/a0fd8b39-8289-426d-994a-8159657a6c0a/Screenshot%202023-12-16%20at%203.38.57%20PM.png" alt=""><figcaption></figcaption></figure>

### **6. Changing the Cart and Checkout Pages**

You can modify the [cart](https://help.inspiredtheme.com/articles/pages/other-pages/cart) and [checkout](https://help.inspiredtheme.com/articles/pages/other-pages/checkout) pages to align with your branding and provide a seamless checkout experience. You can customize the cart layout, add trust badges, include upsell or cross-sell sections, and make the checkout process more intuitive.

<figure><img src="https://t9008110498.p.clickup-attachments.com/t9008110498/b0055487-f57d-4593-ae62-5b2ae01fa984/Screenshot%202023-12-16%20at%203.41.16%20PM.png" alt=""><figcaption></figcaption></figure>