In this article you will learn how to add a Header Notice to each page on your website. A Header Notice will allow you to make sure your customer sees the message you are trying to convey.
To get started login to your site's Admin.
To start you'll want to navigate to Content > Pages
Scroll down and click on the Home page
Under Select a Dock you'll select the Header Notice dock from the drop down.
Drag and drop a Rich Content widget into the dock.
Once you dragged and dropped the Rich content widget into the dock, you'll move forward with editing and adding the message that you would like to share. You can also post a hyperlink that allows people who click to be sent to anther page such as a blog post.
Finally make sure to Save. You'll now be able to view the Header Notice on your site.
By default this header notice will be bright red with white text.
If you want it to change the colors, drag and drop a "code editor" widget into the header notice dock above or below the Rich Content one you added.
In that code editor, paste the following code in there:
<style>
.header-notice {
background: #cd472c !important;
color: #ffffff;
}
</style>
You should pick the 6 digit Hex# for the background color you want. You can find the color codes at websites such as https://www.color-hex.com/ or https://htmlcolorcodes.com/. Once you pick the color you want, replace the "cd472c" in the code above with the 6 digit Hex# and hit Save. This will change the background color.
If you want a different text color, choose another Hex# that is complimentary and easy to read on your new background color and replace the section in the code that says "ffffff" and hit Save.
#cd472c = bright red.
#ffffff = white.