An Adobe Commerce developer is extending a theme from Magento\blank and wants to override parent styles. Which file does the developer need to change to override the parent theme styles?
To override the parent theme styles, the developer needs to change the web/css/source/_extend.less file in the child theme. This file is used to import and extend the parent theme styles without modifying the original files. The developer can use the @import directive to import the parent theme styles and then use the .lib-css() mixin to override the CSS properties. For example:
@import 'source/_extend.less'; // Import parent theme styles .lib-css(color, red); // Override color property
The web/css/source/_extends.less and web/css/source/_theme.less files are not valid and will not work, as they do not follow the theme structure or the naming convention. Reference: [Theme inheritance], [Extend parent theme styles]
Dahlia
8 months agoStephanie
8 months agoTenesha
9 months agoRyann
9 months agoDong
9 months agoFlo
9 months agoGenevieve
9 months agoBuck
10 months agoAshlyn
10 months agoJovita
10 months agoJames
10 months agoBettina
10 months agoGabriele
10 months agoElvis
10 months agoMammie
10 months agoKristian
10 months agoChrista
10 months agoGeorgiana
10 months ago