Page Builder Final Challenge: Step 12

Hi all,

I’m getting stuck on step 12 of the Page Builder Final Challenge. Specifically, I don’t understand how to proceed w the bulleted steps in this section. I’ve pasted the steps below and included my comments associated with each one in bold. I’d really appreciate it if someone could help me understand what the challenge is referring to in this section. Also, I reviewed related Community Posts (there are 2 other community posts related to this Final Challenge) but neither of them were related to my confusion; my confusion is more general while those were very specific. Thanks in advance for your help!

  • Inspect the Answer text of the FAQ and confirm that it follows the rule font-family: "Lato", sans-serif; . I don’t understand where to check this; I inspected the FAQ via Google Chrome and don’t see this text anywhere in what I’m inspecting
  • Go back to Page Builder and update the .title class to include the font-family property to match the Answer font family. I don’t understand where to do this in page builder - is this in the CSS for the overall page or the CSS for the Answer? I feel pretty lost with this considering the first bullet is confusing me
  • Update the .title font-weight from “normal” to “bold” I think this will be self explanatory once bullets 1 and 2 area ddressed
  • Update the CTA Link color by modifying the .cta class (within the &-container brackets, signifying the .cta-container class) to have color #c81500. Same comment as bullet 3 (fingers crossed!)

Thank you!
LK

Update: Thanks to some assistance from another Hitchhiker “offline” I was able to get thru this step of the challenge. Thank you!

Welcome to the community, Laura! Glad you were able to figure it out and thanks for following up on your post. Let us know if you have any other questions!

Hi Laura,

I think I am stuck in the same place as you, would you be able to share the assistance you got?

Thanks,
Yaron

Hi Yaron, and welcome to the Community!

What specific issue are you having with this challenge?

Hi Yaron - here’s the info I got from my friend who was working his way thru the same challenge at the same time as me:

For step 12, go to the three column list and edit the CSS in there (see image)

row 80-84 should be like this:
.title {
font-family: “Lato”, sans-serif;
font-size: 1.5em;
font-weight: bold;
word-break: break-word;
That covers the font family and font weight bullets.
The CTA piece is further down the CSS editor bit
Rows 135-139 should be like this
&-container {
color: #C81500;
display: flex;
align-items: flex-end;
flex: 1;

I hope that helps - let me know if it does/ doesn’t and we can go from there!

Happy Hitchhiking :slight_smile:
LK

Hi Laura,

This is perfect, and just what I needed, thank you!!

Best,
Yaron

Thanks Laura, so super helpful!
For anyone else who may have also taken these very generous hints and applied them, just wanted to call out (and maybe I’m the only one who did this so plz ignore if not helpful) when you input the CSS is it Lato not “Lato” you need to add. Cheers and good luck everyone! Mel B

1 Like

Hi All - I have been having similar issues, I’ve been getting the below points wrong - any way you can help?

Customize the branding fonts, colors and button size
Customize the CSS for the title and CTA link color in the Three Column List module

Thanks!