I know the way to create HTML from scratch is to go in the editor for every page. However, I am looking to edit a section within a theme, so I don’t have to start from scratch. The specific section is a multicolumn, and I’d like to edit the styling (this may be CSS, but I’d like to edit it for only the one multicolumn section, not the entire stylesheet for multicolumn sections in general), and I’d also like to add things into the multicolumn that aren’t able to be added within the theme editor, like embedded YouTube videos, multiple pictures, etc.
Topic summary
Main issue: Edit a single multicolumn section in a Shopify theme—adjust styling only for that instance and add content not supported by the theme editor (e.g., embedded YouTube videos, multiple images)—without rebuilding pages from scratch or changing site-wide styles.
Guidance provided:
- For visual/styling tweaks limited to that section, use Shopify’s Custom CSS feature. This preserves the theme’s base code, making future theme updates easier.
- For functional changes (e.g., embedding YouTube videos or adding non-standard elements), you will need to edit the theme’s Liquid code (Shopify’s templating language), as this goes beyond what the theme editor allows.
Rationale: Custom CSS is suitable for appearance-only changes; Liquid edits are required to alter or extend section functionality.
Status/outcome: No code examples or step-by-step provided. The suggested path is to apply Custom CSS for styling and modify Liquid for added functionality. The thread appears open with implementation details not yet discussed.
You can use the Custom CSS feature if the changes you want to make are more visual. This is honestly a great way to tweak a theme but still maintain base code so the theme can be updated easily.
If you want to make changes to functionality like adding youtube videos then your going to have to edit the Liquid code