Summary  
This chapter explains how to create and import a custom CSS file, use CSS selectors to override default styles (such as headings and paragraphs), and import external fonts via @import.  

General domain of usage  
Front-end web styling and theme customization.

Basic CSS changes allow you to customize the look and feel of your Shopify store beyond the theme's default settings. In this chapter, you'll learn how to **create and import a new CSS file** to your theme for styling changes.

## Steps
1. **Creating a New CSS File**: go to Online Store > Themes > Edit Code and open the Assets folder. Click Add a new asset, choose Create a blank file, and name it custom.css;
2. **Adding CSS Code**: open your `custom.css` file and add this code to change fonts and adjust the heading styles:
   ```css
   @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap');
   h2 {
    font-family: 'Poppins', sans-serif;
    font-size: 42px;
    font-weight: 600;
    color: #000;
   }
   ```
3. **Linking Your CSS File to Your Theme**: go to the `layout/theme.liquid` file and add the following line before the closing `</head>` tag to link your new CSS file: 
   ```html
   {{ 'custom.css' | asset_url | stylesheet_tag }}
   ```
4. **Previewing Your Changes**: save your changes and preview your store to see how the font and heading styles have been updated.

Where do you create a new CSS file in Shopify?

How do you import a custom CSS file into your Shopify theme?

Why is it useful to make custom CSS changes?

What is the purpose of importing the `Poppins` font in the example?

Learn to build and customize your own online store with Shopify. Set up your store, navigate the admin dashboard, and start adding products. Create and edit pages, upload media, and apply basic styling to match your brand. Use the Shopify theme editor to customize layouts and product collections. Set up payments, shipping, and store policies, then launch and manage your store.

Learn the basics of Shopify setup and theme customization. From creating an account to navigating the admin dashboard and theme structure, you'll build a foundation to customize your store and recreate the "Taste" theme.

Build your store's foundation with key pages, media, and basic styling. Learn to create and edit essential pages like Home, About, and Contact, manage your media assets, and make simple CSS changes to personalize your store's appearance. Gain practical skills in handling theme assets to enhance both the look and functionality of your Shopify store.

Master the art of store customization with the Shopify theme editor. Explore how to tailor layouts, personalize theme sections, and create unique designs. Learn to set up and display product collections and configure product filters and sorting options to enhance your customers' shopping experience.

Take your customization skills to the next level with theme-specific tools and essential testing techniques. Learn to create animations, ensure responsiveness, and troubleshoot issues for a smooth user experience. Complete your journey with a final review and deployment to launch your customized Shopify store confidently.

Basic CSS Customization

Steps

1. Where do you create a new CSS file in Shopify?

2. What does the CSS code provided change?

3. How do you import a custom CSS file into your Shopify theme?

4. Why is it useful to make custom CSS changes?

5. What is the purpose of importing the `Poppins` font in the example?