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-c...
👉 RELATED VIDEOS
Shopify Coding 101: • Shopify Coding 101 for Store Owners &...
📢 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 - / 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
