Story theme
Story v1
LatestStory v2Story v1
Story v1
LatestStory v2Story v1
  • Story theme documentation
  • Explore Story
  • Pages
    • Page navigation
    • How to use page templates
      • Story page templates when using a different theme
    • Contact page
    • Lookbook
    • Team
    • Timeline
  • Blogs
    • Blogs
    • Articles
  • Homepage Sections
    • Blog posts
    • Collection list
    • Featured collection
    • Image with text
    • Image with text overlay
    • Logo list
    • Slideshow
    • Featured product
    • Newsletter
    • Map
    • Page
    • Rich text
    • Team
    • Testimonials
    • Text columns with images
    • Timeline
    • Video
  • Collections
    • Collection filtering
    • Product stickers
    • Collection sorting
    • Badges
  • Header
    • Transparent header
    • Promotional announcement bar
    • Mega-menu navigation
    • Drop-down navigation
  • Products
    • Product tabs
    • Product long template
      • Product long template when using a different theme
    • Product image sizes
  • Settings
    • Tile decoration
    • Enable container
  • Updates
    • Story Releases
    • Check your theme version
    • How to download latest version
    • Migrating your settings
  • Tips
    • Where to make CSS changes
    • How to add a line break in your headings
  • Advanced
    • Story tutorials
    • Remove Shopify link in footer
  • Contact
    • Share preview link
Powered by GitBook
On this page
  1. Tips

Where to make CSS changes

Adding your own custom styles and CSS overrides to the theme

PreviousMigrating your settingsNextHow to add a line break in your headings

Last updated 4 years ago

Groupthought recommends that you add your CSS override code and any custom styles to the very bottom of theme.scss.liquid

How to:

SCSS will be deprecated in future relases of Story theme

Add your style code to the bottom of theme.scss.liquid