Skip to content

solodev/covid-alert-bar

master
Switch branches/tags
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 

covid-alert-bar

Create custom alerts at the top of your homepage instantly

Tutorial

For detailed instructions, view the COVID Alert Bar article.

Demo

Check out a working example on JSFiddle.

HTML

Add the HTML snippet to your templates or webpage, preferrably at the top above any navigation or header so that it has prominent positioning.

<div class="covid-alert">
   CORONAVIRUS (COVID-19) ALERTS: <a href="#">Click here for the latest information</a>
</div>

CSS

Customize the background color and text/link colors by modifying the hexidecimal colors.

.covid-alert {
	background: #00a0dc;
	color: #fff;
	width: 100%;
	padding: 15px;
	font-size: 16px;
	text-align: center;
	font-weight: bold;
	font-family: Inter, sans-serif;
}
.covid-alert a {
	color: #fff;
  text-decoration: underline;
  font-weight: 400;
}

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages