Deal of The Day! Hurry Up, Grab the Special Discount - Save 25% - Ends In 00:00:00 Coupon code: SAVE25
Welcome to Pass4Success

- Free Preparation Discussions
Mail Us support@pass4success.com
Location US
Mob_nav_barsMENU

Adobe AD0-E720 Exam - Topic 8 Question 12 Discussion

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?
A) lib/web/css/source/lib/_buttons.less and B) lib/web/less/source/lib/_buttons.less
C) lib/web/css/source/lib/_button.less

Adobe AD0-E720 Exam - Topic 8 Question 12 Discussion

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

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?

Show Suggested Answer Hide 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:

0/2000 characters
Submit Cancel
Daren
8 months ago
I agree, A seems right based on the structure.
upvoted 0 times
...
Kayleigh
8 months ago
Wait, are you all sure about that? Sounds a bit off.
upvoted 0 times
...
Gussie
8 months ago
Pretty sure it's option A, that's where I found it last time.
upvoted 0 times
...
Titus
9 months ago
I thought it was _button.less, but I guess not!
upvoted 0 times
...
Gracia
9 months ago
It's definitely in lib/web/css/source/lib/_buttons.less.
upvoted 0 times
...
Beula
9 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
9 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
9 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
10 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
10 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
10 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
10 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
10 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
10 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
10 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
10 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
10 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
1 year 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 year 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 year 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
...
Suzan
1 year ago
Come on, it's gotta be option B. Magento uses LESS, not plain CSS, right?
upvoted 0 times
Halina
1 year ago
Yes, option B is the right choice. It's where you would find the default button styles in Magento.
upvoted 0 times
...
Meghan
1 year ago
I agree, option B is the correct one. That's where the default button values would be located.
upvoted 0 times
...
Aliza
1 year ago
Definitely option B. Magento does use LESS for its styling.
upvoted 0 times
...
Malcolm
1 year ago
B) lib/web/less/source/lib/_buttons.less
upvoted 0 times
...
Wilson
1 year ago
I think you're right, Magento does use LESS for styling.
upvoted 0 times
...
Florinda
1 year ago
C) lib/web/css/source/lib/_button.less
upvoted 0 times
...
Wynell
1 year ago
C) lib/web/css/source/lib/_button.less
upvoted 0 times
...
Tarra
1 year ago
B) lib/web/less/source/lib/_buttons.less
upvoted 0 times
...
Hyman
1 year ago
B) lib/web/less/source/lib/_buttons.less
upvoted 0 times
...
Carlee
1 year ago
A) lib/web/css/source/lib/_buttons.less
upvoted 0 times
...
Gregoria
1 year ago
A) lib/web/css/source/lib/_buttons.less
upvoted 0 times
...
...
Marylin
1 year ago
The default button styles are definitely in the _buttons.less file, so I'm going with option A.
upvoted 0 times
Ezekiel
1 year ago
Yes, option A is the correct location for the default button values.
upvoted 0 times
...
Amber
1 year ago
I agree, let's check option A for the default values.
upvoted 0 times
...
Rene
1 year ago
I think you're right, the default button styles are in _buttons.less.
upvoted 0 times
...
...
Corrina
1 year ago
I'm not sure, but I think it might be C) lib/web/css/source/lib/_button.less. Can someone confirm?
upvoted 0 times
...
Daren
1 year ago
I disagree, I believe it is actually in B) lib/web/less/source/lib/_buttons.less.
upvoted 0 times
...
Eleonora
1 year ago
I think the default values for the buttons would be located in A) lib/web/css/source/lib/_buttons.less.
upvoted 0 times
...

Save Cancel