One liner with link on top of every pages for important information

1 reply·opened Sep 19, 2020
R
robertverrSep 19, 2020

Hi,
Is there such formatted code already to include an important one liner on the top of every pages to display important and temporary information?

We see this a lot lately on many websites for relaying important information like Covid rules, etc.
Thanks,
Robert

S
SemiColonWebSTAFFSep 21, 2020

Hello,

This is Definitely Possible. You can simply use the Bootstrap's dismissible alerts: https://getbootstrap.com/docs/4.5/components/alerts/ to achieve this. Simply add the following code just after the #wrapper DIV starts:

<div class="alert alert-warning alert-dismissible fade show rounded-0 mb-0 text-center border-bottom" role="alert">
	<strong>Holy guacamole!</strong> You should check in on some of those fields below.
	<button type="button" class="close" data-dismiss="alert" aria-label="Close">
		<span aria-hidden="true">&times;</span>
	</button>
</div>

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard