Cyber Monday 2024! Hurry Up, Grab the Special Discount - Save 25% - Ends In 00:00:00 Coupon code: SAVE25
Welcome to Pass4Success

- Free Preparation Discussions

Adobe Exam AD0-E720 Topic 1 Question 1 Discussion

Actual exam question for Adobe's AD0-E720 exam
Question #: 1
Topic #: 1
[All AD0-E720 Questions]

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?

Show Suggested Answer Hide Answer
Suggested Answer: B

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]


Contribute your Thoughts:

Currently there are no comments in this discussion, be the first to comment!


Save Cancel