Infinity scrolling tweet width

  • Resolved paulonatal

    (@paulonatal)


    7 years, 6 months ago

    Great plugin. I need to do quite a bit of customisation but I am having issues manipulating the tweets width. I am doing this locally, so unable to provide link to project. I am trying to achieve an infinite ticker, with tweets displaying one after another but at the moment I have huge gaps between each tweet as per the following screenshots: https://prntscr.com/gp36rp https://prntscr.com/gp37qm

    Ideally the spacing between each other would be minimal not this huge gap. I have tried to manipulate this though css but had absolutely no luck. Would really appreciate your help on this. Thank you!

Viewing 10 replies - 1 through 10 (of 10 total)
  • Plugin Author Martin Tod

    (@mpntod)

    I think your best bet is probably to try a carousel.

    Try something like:

    
[rotatingtweets screen_name='umcqtr' exclude_replies='1' tweet_count='15' rotation_type='carousel' carousel_horizontal=1 carousel_count=2 speed=10000 timeout=0 show_meta_timestamp='0' show_meta_screen_name='0' show_meta_via='0' ]
    Thread Starter paulonatal

    (@paulonatal)

    Hi Martin,

    Thanks a lot but that does not work as a ticker. This is how my shortcode is configured:

    <?php echo do_shortcode('[rotatingtweets screen_name="user" rotation_type ="scrollHorz" tweet_count = "10" speed ="20000" timeout="0" links_in_new_window = "1" official_format = "1"]'); ?>

    I have also changed the styling a bit. And this is what I have at the moment: https://cl.ly/2q1y2D1Y2T01

    It works perfectly apart from the spacing issue. Is it not possible to remove that extra spacing between each tweet?

    • This reply was modified 7 years, 6 months ago by paulonatal.
    • This reply was modified 7 years, 6 months ago by paulonatal.
    Plugin Author Martin Tod

    (@mpntod)

    I’m pretty sure the only option for making this work will either be some kind of carousel – or making the ‘container’ narrower (via setting a max-width for .rotatingtweets). Every other option will size each Tweet to the full width of the container and the full width of the area you’ve put Rotating Tweets.

    What about adding carousel_responsive=1:

    
[rotatingtweets screen_name='umcqtr' exclude_replies='1' tweet_count='15' rotation_type='carousel' carousel_horizontal=1 carousel_count=2 carousel_responsive=1 speed=10000 timeout=0 show_meta_timestamp='0' show_meta_screen_name='0' show_meta_via='0' ]
    • This reply was modified 7 years, 6 months ago by Martin Tod.
    • This reply was modified 7 years, 6 months ago by Martin Tod.
    Plugin Author Martin Tod

    (@mpntod)

    PS: This all assumes you are using version 2 of the JavaScript…

    Thread Starter paulonatal

    (@paulonatal)

    Yes, I am using version 2 of the JavaScript. Unfortunately the carousel option also does not work for what I am trying to achieve. Just can’t seem to be able to make them same spacing between each other. Also, links get sometimes stuck as the tweet scrolls: https://cl.ly/0G3Z39013o2D

    I don’t think I’ll be able to achieve what I am looking for here. Will try another option. Thanks a lot anyway Martin!

    Thread Starter paulonatal

    (@paulonatal)

    I really like this plugin. It is much better than anything else out there. Isn’t there a way I could get this to work?

    Plugin Author Martin Tod

    (@mpntod)

    It might need some work on the CSS. The script that does the rotation is here – I’m still not clear that we can solve the problem, but if it is, this is the best place to start.

    Thread Starter paulonatal

    (@paulonatal)

    This is with the rotation_type = 'carousel' how about for the rotation_type = 'scrollHorz'? I think I have tried everything with css already. If you could come up with a solution for this would be amazing. Obviously I would be willing to pay you.

    Thread Starter paulonatal

    (@paulonatal)

    Had a better look with a fresher head and realised giving a max-width to .rotatingtweets .cycle-carousel-wrap does the job! ??

    • This reply was modified 7 years, 6 months ago by paulonatal.
    Plugin Author Martin Tod

    (@mpntod)

    Awesome! Thank you for finding that out.

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Infinity scrolling tweet width’ is closed to new replies.