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>
0 Comments