How to Use The Custom CSS Field in Shopify 2.0 Sections
A non-developers guide to using the Custom CSS field, a new feature of Shopify, that is available on the latest themes (2023). It provides a much easier way to add CSS to customize your theme.
Ready to learn more? Get my ebook here: https://shop.ed.codes/products/diy-sh...
👉 RELATED VIDEOS
1. Creating a custom.css file: • Shopify CSS Intro - How to Overwrite ...
2. Updating your Shopify Theme: • How to Update Your Shopify Theme (wit...
3. Shopify Coding 101: • Shopify Coding 101 for Store Owners &...
📚 MY SHOPIFY CODING EBOOK
https://ed.codes/shopify-coding-handbook
Learn HTML, CSS and Shopify Liquid from the beginning and specifically for Shopify.
📢 STAY UPDATED
Want to see my latest tips, tutorials, and code add-ons? Youtube won’t always show you. Subscribe to get emails directly from me: https://ed.codes/newsletter
👨🏼💻 WHO AM I?
Hey! My name is Eduard.
I teach the tech side of starting and running a Shopify store.
I'm a professional web developer, but my goal is to make Shopify easy with simple and straight-to-the-point videos.
Visit my website: https://ed.codes
Join "Shopify DIY" on Discord
Chat with me and other store owners and developers:
/ discord
🛠 CODE SHOP
https://ed.codes/shop
Pre-built sections & features for Shopify 2.0 themes, often replacing the need for apps. Copy and paste the code into your theme.
👍 MY FAVOURITE APPS & THEMES
Design Packs (add new sections): https://bit.ly/DesignPacks-ed
Pagefly (Page Builder): https://pagefly.link/vASPAeBp
Themes by Out Of The Sandbox: https://bit.ly/ed-OOTS
Automate tasks with Make.com: https://bit.ly/make-edcodes
Some of these are affiliate links. If you ever upgrade to a paid plan, you will also be supporting this channel at no extra cost. Win-win!
⏭ CHAPTERS
00:00 Intro
00:30 Old way
01:12 New way
01:28 Benefit #1
02:37 Benefit #2
03:38 How to use it
06:10 Example 2 - Header color
08:10 You need some CSS knowledge though
09:22 Example 3 - Fonts
10:31 Re-use your theme styling (CSS Variables)
13:12 My ebook for non-developers
#Shopify #shopifydevelopment #htmlcss
