Customizing Page Branding - Module Assessment

Here’s the updated CSS and still getting an X next to Add the Announcement Bar module and modify the CSS

.module-announcement-bar {

padding: 0;

}

.module-announcement-bar a {

text-transform: uppercase;

flex-grow: 1;

text-align: center;

padding: 7px 5px;

}

// Override the background color below

.module-announcement-bar .btn {

// background-color: gray;

background-color: #ff9500;

border-radius: 0px;

word-wrap: break-word;

white-space: normal;

border: 8px solid #db8000;

margin: 0px;

box-shadow: none;

&:hover

{

background: #db8000;

}

}