Follow

Scrolling Text (Marquee)

Our website editor does have the ability to add scrolling text or what is also called a marquee.  Here is a video that shows you how to do that: https://app.screencast.com/mDMMRvH9bctwm

 

Below is the embed code mentioned in the above video:

<div class='marquee'><span>Welcome to our Church</span></div>
<style>
.marquee {
 width: 100%;
 overflow: hidden;
 white-space: nowrap;
 box-sizing: border-box;
 font-size:24px; padding:12px; border-radius:5px; font-weight: bold; background-color:#005596; color:#ffffff;
}
.marquee span {
 display: inline-block;
 padding-left: 100%;
 animation: marquee 20s linear infinite;
}
@keyframes marquee {
 0%   { transform: translateX(0); }
 100% { transform: translateX(-100%); }
}
</style>
Was this article helpful?
0 out of 0 found this helpful
Have more questions? Submit a request

0 Comments

Article is closed for comments.
Powered by Zendesk