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-sh...
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/actu...
My favorite Themes - https://ed.codes/blogs/resources/best...
===== 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
