Join Enno Stuurman for an in-depth discussion in this video Changing your theme style with overrides, part of Building Magento 2 Themes.
- [Instructor] So this is actually where we concluded…our last video after writing the Grunt last task.…We refreshed the page and we had our source maps available.…So, we now know the location of our action primary styles.…It's actually in the Magento Checkout, CSS, source, module.…So, this is actually the file that we are going to change…in our own custom theme.…So, Magento, Checkout, CSS, source, module.…
We're going to change, add that one to our custom theme,…Custom, Magento Checkout, web.…We don't have yet a CSS file here, or CSS directory,…so we set source, module.…And where actually do we find this file?…We find this file in the parent's theme,…which is the vendor, Magento.…
Theme, front end blank, Magento Checkout,…and here we have a file.…So, we're actually going to copy this file…to our own.…I'm going to open it up.…And we're already on line 202…according to the source maps.…That's where we should be,…and that's actually the start of the CSS declaration,…so let's write, and here we have our action.primary.…
Learn how to create and customize Magento 2 themes. Instructor Enno Stuurman begins the course by taking a look at the default Luma theme. After he goes over the structure of Luma, he helps you use that knowledge to build your own unique theme. Enno discusses page layouts in Magento themes, overriding and extending Magento theme CSS, deploying Magento 2 themes to production, and more. Throughout the course, he covers Knockout.js, Grunt, and other tools you need to master Magento theming.
- Creating custom Magento themes
- Changing the theme logo and favicon
- Moving elements inside a theme layout
- Customizing a product page
- Understanding CSS in Magento themes
- Changing your theme style with overrides