Module 10, Module Assesment

Pages
1

I am having issues with this Module. with Add the Announcement Bar module and modify the CSS
Here is the code below?

// 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;
}
}

2

Hey @Brett_Cohen - did you ever figure this out? I am having the same issue and our code looks the same. Let me know!

3

Hi @Mackenzie_Reimer

I took a look at your account and it looks like you have one step left – you will need to add solid to border: 8px #db8000;

Your code should look as follows for the announcement bar:

.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;
    }
}

Let me know if that works or if you have any other questions!

Best,
Alyssa

4

Hi @Brett_Cohen

Your issue is slightly different. The CSS is correct but you’ll want to map Delivery Disclaimer to the entity field rather than a constant value. It should look like so:

Screen Shot 2020-09-24 at 11.52.36 AM
Screen Shot 2020-09-24 at 11.52.36 AM614×896 38.9 KB

Let me know if you have any questions.

Thanks,
Alyssa

5

Hey Alyssa,

I’m having a similar issue and can’t get to the root cause here – this is my code, I can’t tell what I’m doing wrong since it looks the exact same as Brett’s. I also checked to see if I had the mapping error he did and I don’t. Can you help?

// 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;
}
}

6

Hi @Charlotte_Crowley!

Welcome to the Community - congrats on your first post!

Our team took a look and it seems like there is a space in front of your URL for Announcement Bar. The grader is spacing sensitive so keep that in mind as you go through the challenges!

image (14)

Once you fix, you should be good to go. Let me know if you have any questions.

Best,
Alyssa

7

Wow thanks, Alyssa! Your attention to detail is spot-on. That was it!