Adobe AD0-E720 Exam - Topic 8 Question 12 Discussion

Actual exam question for Adobe's AD0-E720 exam

Question #: 12
Topic #: 8

An Adobe Commerce developer is customizing buttons for a custom theme that inherits Magento/blank theme and needs to override the default values. Where would the default values for the buttons be located?

Alib/web/css/source/lib/_buttons.less

Blib/web/less/source/lib/_buttons.less

Clib/web/css/source/lib/_button.less

Show Suggested Answer

Suggested Answer: A, B

To implement a custom font specifically for emails, the developer needs to do the following steps:

Add the custom font file to the web/fonts directory of the custom theme.

Use the @import font function with the url of the custom font from the theme in the /Vendor/Theme/web/css/source/_extend.less file. This will import the custom font and make it available for use in other LESS files. For example:

@import font('custom-font', '@{baseDir}fonts/custom-font.ttf', 'truetype');

Add in the styles to target the elements that require being changed in the /Vendor/Theme/web/css/source/_email.less file. This file is used to define the styles for email templates. The developer can use the .lib-font-face() mixin to apply the custom font to specific selectors. For example:

.lib-font-face( @family-name: @custom-font, @font-path: '@{baseDir}fonts/custom-font', @font-weight: normal, @font-style: normal );

h1 { .lib-font-face( @family-name: @custom-font, @font-path: '@{baseDir}fonts/custom-font', @font-weight: normal, @font-style: normal ); }

The /vendor/Theme/web/css/source/_typography.less file is not suitable for implementing a custom font for emails, as it is used for defining global typography styles for web pages. The <head></head> tag is not used for adding fonts in email templates, as it is not supported by most email clients. Reference: [Custom fonts], [Email templates overview]

by Kaitlyn at Feb 09, 2024, 01:09 PM

Limited Time Offer

25%

Off

Get Premium AD0-E720 Questions as Interactive Web-Based Practice Test or PDF

Contribute your Thoughts:

Submit Cancel

Daren

3 months ago

I agree, A seems right based on the structure.

upvoted 0 times

...

Kayleigh

3 months ago

Wait, are you all sure about that? Sounds a bit off.

upvoted 0 times

...

Gussie

3 months ago

Pretty sure it's option A, that's where I found it last time.

upvoted 0 times

...

Titus

4 months ago

I thought it was _button.less, but I guess not!

upvoted 0 times

...

Gracia

4 months ago

It's definitely in lib/web/css/source/lib/_buttons.less.

upvoted 0 times

...

Beula

4 months ago

I thought the buttons were in the less folder, but now I'm second-guessing myself. Was it B or A?

upvoted 0 times

...

Rhea

4 months ago

I feel like the answer might be C, but I can't recall if it was _button.less or _buttons.less that we discussed in class.

upvoted 0 times

...

Eloisa

4 months ago

I remember practicing a similar question, and I think it was about overriding styles in the lib/web directory. Could it be option A?

upvoted 0 times

...

Derick

5 months ago

I think the default button styles are in the _buttons.less file, but I'm not sure if it's the one in the css or less folder.

upvoted 0 times

...

Mitsue

5 months ago

Ah, I see what they're getting at here. The default button styles are likely in the _buttons.less file, not the _button.less file. I'll double-check that in the exam.

upvoted 0 times

...

Janet

5 months ago

I've got a good feeling about this. The default button styles are probably in the _buttons.less file in the lib/web/css/source/lib directory. That's where I'd start my search.

upvoted 0 times

...

Teri

5 months ago

Okay, I think I know where to look for this. The default button styles are likely defined in the Magento/blank theme, so I'll need to check the LESS files in that location.

upvoted 0 times

...

Kelvin

5 months ago

Hmm, this looks like a tricky one. I'll need to think carefully about where the default button styles are defined in the Magento codebase.

upvoted 0 times

...

Melinda

5 months ago

I'm a bit confused on this one. Is it in the LESS files or the CSS files? I'll need to review the Magento file structure to figure this out.

upvoted 0 times

...

Ashlee

5 months ago

Okay, two peaks in the histogram means the distribution is likely bimodal. I'm pretty confident that's the right answer here.

upvoted 0 times

...

Deangelo

5 months ago

Ah, I remember learning about this in class. The correct order is Initialization, Offer, Request and Session confirmation. Option B is the way to go.

upvoted 0 times

...

Tammara

5 months ago

I remember we practiced a question that emphasized improved visibility on quantifiable information, which seems really important for decision-making. Could that be the best answer?

upvoted 0 times

...

Goldie

9 months ago

Hmm, let's see... Buttons, Magento, LESS... Sounds like a recipe for some serious CSS magic! I bet the answer is hidden in a secret folder called 'lib/web/css/source/lib/_buttons.lol'.

upvoted 0 times

...