Text scrolling

• 

  rodebburkina · Member · Feb 5, 2017 at 5:19 pm

  • Copy link
  • Add topic to favorites

  Hello team,

  Please I need to scroll text in my home page? Please can you help me?

  Thanks
  Christian

  The blog I need help with is: (visible only to logged in users)

• 

  staff-loquaciousloon · Staff · Feb 6, 2017 at 5:08 pm

  • Copy link

  Hi there!

  Are you trying to add text in the Marquee section you’ve added at the top of your page? I can see an image in there, and a lot of CSS to animate it.

  Right now, you have this, at the top of your page (use the HTML tab in the editor):

  <div id="marquee">
  <div id="div2"><img class="alignnone size-full wp-image-296" src="https://rodebburkina.files.wordpress.com/2017/01/success-story.jpg" alt="success-story" width="1084" height="162" /></div>
  </div>

  If you look at the tags there, you’ll see a div (with marquee for it’s ID.

  Inside that, there’s a second div named div2

  Your CSS also has styles for a div1 and a div3

  So should be able to add div1 just before div2, and/or add div3 just after it.

  For example, if you wanted some text to appear and scroll after the image you have now, you would do this:

  <div id="marquee">
  <div id="div2"><img class="alignnone size-full wp-image-296" src="https://rodebburkina.files.wordpress.com/2017/01/success-story.jpg" alt="success-story" width="1084" height="162" /></div>
  <div id="div3">Your Text Goes Here!</div>
  </div>

  See how div3 is after div2 but still inside marquee? That’s what you want. You could do something similar with div1 by placing it before div2.

  Let me know if that helps, or if I’ve misunderstood ant that isn’t what you meant. :)

• 

  rodebburkina · Member · Feb 9, 2017 at 10:42 am

  • Copy link

  Hello team,

  Thank you for your response. Now I need to put text on each image on my site head. It is possible?

  Many thanks and Best regards,

• 

  staff-loquaciousloon · Staff · Feb 9, 2017 at 4:34 pm

  • Copy link

  You’re welcome!

  Generally, it’s best to open a new thread for new questions, so the info matches the original topic :)

  Adding text through CSS is possible, but I don’t think it will work in this case. When trying to add in text for each image (which would get a little complex) there delay while the images fade into one another means the text can’t transition smoothly – the text from the first image remains visible until the fade is over, creating an overlap that ruins the overall effect.

  If you need text on your images, you’d be better off looking at a different Post Slider theme that displays the title already :)