Adding a header banner warning

[ArnoldM]

Hi there,

My X theme Ethos-stack based vaping website https://vapingjunkie.com/ legally requires a Nicotine warning banner. My question is how do I create this succesfully with custom CSS?

I would like to create a banner like on this website: https://www.misthub.com/
Just a small, text-based simple banner with the warning, exactly like on the example site.

Any ideas on how to get this on all the pages of my website?

Thanks in advance!

• Arnold

[rad]

Hi Arnold,

Thanks for reaching out.

That’s easily doable if it’s just simple as that, please add this CSS to your Theme Options > CSS

body:before {
     content:"WARNING: This product contains nicotine. Nicotine is an addictive chemical.";
     display: block;
     width: 100%;
     text-align: center;
     background: #ffffff;
     border: solid black 4px;
     font-size: 20px;
     font-weight: bold;
}

This should serve as a simple snippet and only good per initial requirement, you’re free to enhance it but we can’t cover or support further changes or code maintenance.

Thanks!

[ArnoldM]

Thanks, works just fine!

[rad]

You’re welcome!