Adobe Exam AD0-E720 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

Goldie

29 days 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

...

Louvenia

1 months ago

Wait, so we're supposed to override the default button styles? Sounds like a lot of work. Maybe I'll just use the default and call it a day.

upvoted 0 times

...

Jerrod

1 months ago

Hold up, is it just me or does this question feel a little too easy? I'm going with C, just to keep the exam on its toes.

upvoted 0 times

...

I think the default values for the buttons would be located in A) lib/web/css/source/lib/_buttons.less.

upvoted 0 times

...