Add a ‘Covid notice’ to your website

Call 01323 872296


Add a ‘Covid notice’ to your website

Add a Corvid notice to your website

It may be useful to add a ‘Covid Notice’ to your website if your operations are being affected by the current situation.

If you run a Sellerdeck store take a snapshot first then click on ‘Home’ and right click to add a new fragment, call it ‘Covid Notice’.

This new fragment will appear at the bottom of the home page fragments, select all the fragments above and drag them onto ‘Covid Notice’.

The Covid fragment will now be at the top. In fragment details paste the following

!!<<style>
#covid {border:5px solid #990000;padding:1em;z-index:11000;background:#fff;text-align:center;}
#covid p {color:#000000!Important; font-weight:bold!Important;}
#covid h2 {color:#990000;}
</style>      	  
 <div id="covid">
              <h2>Covid-19 update</h2>
<p>Due to the current situation we are currently following Government guidelines and suspending our face to face operations until such time as we are advised that it is safe to resume.</p>
<p>We are still available to speak with you on the telephone and by email</p>
<p><em>Please take good care and stay safe.</em></p>
       	  </div>>!!

Alternatively if you are comfortable editing in the design view, go to design view, click ‘Window’ ‘Restore split view layout’ if not already selected.

Bottom left click the upside down ‘V’ until the design pane shows your outer layout.

Scroll down and just below the </body> tag paste the following:

<style>
#covid {border:5px solid #990000;padding:1em;z-index:11000;background:#fff;position:absolute; top:100px;left:25%;width:50%;text-align:center;}
@media (max-width:979px) {
#covid {left:10%;width:80%;}
}
#covid p {color:#000000!Important; font-weight:bold!Important;}
#covid h2 {color:#990000;}
#covid { animation: css 0s 15s forwards; }
#covid {transition: visibility 2s;}
@keyframes css  { to { visibility: hidden; } }
/* visibility / overflow: hidden; */
</style>      	  
 <div id="covid">
              <h2>Covid-19 update</h2>
<p>Due to the current situation we are currently following Government guidelines and suspending our face to face operations until such time as we are advised that it is safe to resume.</p>
<p>We are still available to speak with you on the telephone and by email</p>
<p><em>Please take good care and stay safe.</em></p>
       	  </div>

These options are either/or of course. The second version displays the Covid message for 15 seconds then dissappears. You can use this on any website, not just Sellerdeck if you have access to the html code of the site.

Any problems please give me a call on 01323 872296. As far as possible I will be offering support for this free of charge.

Keep in touch and share

Graphicz on Social Media



01323 872296. 07836 551000.
Email:

Website by Graphicz