Shopify Liquid Coding - Shopify CSS Intro - How to Overwrite Theme Colors and Fonts When You Really Need To

How to make precise design changes that go beyond what the theme settings allow. Get my book to learn more skills like this: https://shop.ed.codes/products/diy-shopify-coding-handbook This is one of the first videos I’m doing on CSS, because it explains when and where you should use CSS in your Shopify theme. In later videos I will be going more in-depth on CSS itself as a useful skill for Shopify store owners, as well as HTML, and finally Shopify Liquid. ===== Who am I? ===== Hey! My name is Eduard. I teach the tech side of starting and running a Shopify store. Im 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 ===== 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/pages/newsletter ===== FAQ's ===== My favorite Shopify Apps - https://ed.codes/blogs/resources/actually-useful-shopify-apps My favorite Themes - https://ed.codes/blogs/resources/best-shopify-themes ===== Check out my Shopify Add-ons ===== Pre-built sections & features for Shopify 2.0 themes, often replacing the need for apps. Copy and paste the code into your theme. https://shop.ed.codes/ ===== Join "Shopify DIY" Community on Discord ===== Chat with me and other store owners and developers: https://ed.codes/community ===== Chapters ===== 00:00 Intro & Problem 02:08 Create custom CSS file 04:16 CSS basics recap 08:17 Global change across all pages 10:22 Changes in specific section types 12:39 Changes in specific instance of a section using ID 14:23 Change font sizes 15:21 Checking current font size 16:04 Change font sizes 16:46 Cons of this method 18:13 Pro tip - use comments! 19:12 Why a separate CSS file 20:07 CSS not working - understand specificity 22:26 Worst case use !important 23:29 Join Shopify DIY Discord #Shopify #CSS #coding