Pages : Module 10 / Module Assessment

Pages
1

Hi There,

Could you help me find what is missing?
I keep getting the error for Announcement Bar module.

This is the CSS I added:

.module-announcement-bar {
padding: 0;
}

.module-announcement-bar a {
flex-grow: 1;
text-transform: uppercase;
padding: 7px 5px;
}

// Override the background color below
.module-announcement-bar .btn {

background-color: #ff9500;
border-radius: 0px;
word-wrap: break-word;
white-space: normal;
border: 8px solid #db8000;
margin: 0px;
box-shadow: none;

&:hover
{
    background-color: #db8000;
}

}

Thank you so much in advance!
Kotoko

2

Hi Kotoko,

Thanks for reaching out! We took a look and your CSS looks right. Your issue is actually with the data mappings for the Announcement Bar.

Instead of entering plain text “Delivery Disclaimer”, you need to map the text to the Delivery Disclaimer field . Like so:

image
image602×1002 52.3 KB

Let us know if you have any further questions after you make that change!

Best,
Alyssa

3

Ohhhh I see!
Thank you Alyssa, I just passed!
Hurray:)

kotoko