Shopify Liquid Coding - Chrome Inspector Tutorial for Shopify Stores - Must-know skill!

You don’t need to be a developer to use Chrome Dev Tools (AKA Chrome Inspector). The basics are quite simple and it's a very underrated and useful tool for anyone that has a website or online business. I'll show you how to check fonts and colors, edit text on a live site, edit the styling of your live site and preview various changes. You can also edit your website on mobile, and I'll teach you the basics of responsive design - making adjustments for mobile only. These skills are the same for all websites, but I'll be showing you with Shopify examples in mind. 🔗 LINKS MENTIONED IN VIDEO 1. https://shop.ed.codes/ 2. Tabs Section - https://shop.ed.codes/l/tabs 3. Chopify Coding Ebook - https://shop.ed.codes/l/diy-shopify-coding-handbook 👉 RELATED VIDEOS - Shopify Coding 101: https://youtu.be/5z2D7dLmhfk 📢 STAY UPDATED Subscribe to my newsletter: https://ed.codes/newsletter Youtube won’t always show you my latest videos, subscribe to be notified and see other content that I don't post on Youtube. 🙏 SUPPORT THE CHANNEL Buy me a coffee - https://www.buymeacoffee.com/edcodes Patreon - https://www.patreon.com/EdCodes 🛠 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 All listed on my website - https://ed.codes/tools 📚 MY SHOPIFY CODING EBOOK https://ed.codes/shopify-coding-handbook Learn HTML, CSS and Shopify Liquid from the beginning and specifically for Shopify. 👨🏼‍💻 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://ed.codes/community ⏭ CHAPTERS 00:00 Intro 01:22 Note on browsers 01:40 Get info about fonts & colors 02:50 Editing text 04:10 Checking applied CSS 05:34 Editing CSS 06:36 Deleting elements & popups or iframes 07:44 Preview on mobile devices 10:01 Mini-project using DevTools & CSS 16:30 Learn more #Shopify #DevTools #webdevelopment