Scrolling text

  • 0
  • 1
  • Question
  • Updated 3 months ago
  • Answered
Archived and Closed

This conversation is no longer open for comments or replies and is no longer visible to community members. The community moderator provided the following reason for archiving: 7 days of inactivity

why does the scrolling text link not work for me?  nothing appears
Photo of Barrie1596

Barrie1596

  • 1,314 Points 1k badge 2x thumb

Posted 3 months ago

  • 0
  • 1
Photo of Michelle C

Michelle C, Employee

  • 21,230 Points 20k badge 2x thumb
Hello,

I can take a better look into this. What scrolling text link are you referring to and what website and page is this on?
Photo of Barrie1596

Barrie1596

  • 1,314 Points 1k badge 2x thumb
It is "Content" "Scrolling Text" - the textbox is at the very top of the page above "Probus-Guildwood"
but after I publish is does not appear on the page. Any idea why? 
Photo of Michelle C

Michelle C, Employee

  • 21,230 Points 20k badge 2x thumb
Can you post a link to the page please? 
Photo of Barrie1596

Barrie1596

  • 1,314 Points 1k badge 2x thumb
Photo of Michelle C

Michelle C, Employee

  • 21,230 Points 20k badge 2x thumb
Thank you, scrolling text is a desktop builder element and will only work if it is published from that software. Are you publishing this page from sitebuilder desktop? 
Photo of Barrie1596

Barrie1596

  • 1,314 Points 1k badge 2x thumb
I am using SiteBuilder on my desktop
Photo of Michelle C

Michelle C, Employee

  • 21,230 Points 20k badge 2x thumb
Then it should work, I apologize if it does not. Unfortunately, since it is a Sitebuilder desktop element, I would not be able to troubleshoot it as much as I would like to. I can recommend deleting it and re-adding the scrolling text but there is not much I can see or do. My apologies. 
Photo of steve4468

steve4468

  • 3,594 Points 3k badge 2x thumb
Here is a simple css script that will produce a scrolling text box. You can can change the colors at the top of the script. "Background" is set to white. "Color" which controls text color is set to black. "Border" is set to solid black. 

At the bottom of the script you'll find "...Put your scrolling text here..." That is where you put the text you want scrolling.

Place the text into an <html> element on your web page. DO NOT place it into the <head> tag as it's not designed for that. The complete script including the first < and the last > must be placed into the <html> element to work properly.

After placing the script as directed use your preview function to get a rough idea of the sizing.

<style style="text/css">.scroll-left {
 height: 50px;
 overflow: hidden;
 position: relative;
 background: white;
 color: black;
 border: 1px solid black;
}
.scroll-left p {
 position: absolute;
 width: 100%;
 height: 100%;
 margin: 0;
 line-height: 50px;
 text-align: center;
 /* Starting position */
 -moz-transform:translateX(100%);
 -webkit-transform:translateX(100%);
 transform:translateX(100%);
 /* Apply animation to this element */
 -moz-animation: scroll-left 15s linear infinite;
 -webkit-animation: scroll-left 15s linear infinite;
 animation: scroll-left 15s linear infinite;
}
/* Move it (define the animation) */
@-moz-keyframes scroll-left {
 0%   { -moz-transform: translateX(100%); }
 100% { -moz-transform: translateX(-100%); }
}
@-webkit-keyframes scroll-left {
 0%   { -webkit-transform: translateX(100%); }
 100% { -webkit-transform: translateX(-100%); }
}
@keyframes scroll-left {
 0%   { 
 -moz-transform: translateX(100%); /* Browser bug fix */
 -webkit-transform: translateX(100%); /* Browser bug fix */
 transform: translateX(100%);
 }
 100% { 
 -moz-transform: translateX(-100%); /* Browser bug fix */
 -webkit-transform: translateX(-100%); /* Browser bug fix */
 transform: translateX(-100%); 
 }
}
</style>


<div class="scroll-left">
<p>...Put your scrolling text here... </p>
</div>

Photo of Michelle C

Michelle C, Employee

  • 21,230 Points 20k badge 2x thumb
Thank you!

This conversation is no longer open for comments or replies.