Shopify Liquid Coding - How to Use The Custom CSS Field in Shopify Sections

A non-developers guide to using the Custom CSS field. It provides a much easier way to add CSS to customize your theme, and keeps it easy to update your theme in future. Ready to learn more? Get my ebook here: https://shop.ed.codes/products/diy-shopify-coding-handbook 👉 RELATED VIDEOS 1. Creating a custom.css file: https://youtu.be/ZabAPhin3Bs 2. Updating your Shopify Theme: https://youtu.be/B7iDy-6TEzk 3. Shopify Coding 101: https://youtu.be/5z2D7dLmhfk 📚 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: https://discord.gg/MpWVP8Xguk 🛠 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