Have you updated to the latest ‘official’ version? It should include horizontal scrolling.
The arrows definitely are showing on my version. Immediately after the horizontally rotating tweets.
I have not updated to the official version. I thought we were working on the development version. Is the development version the official version now? Shall I give that a try?
I’ve now played around with the CSS for the development version (this will be a more recent version than the one you have) and it appears to have solved the problem.
The issue was that white-space: none; was appearing in the CSS – so putting a few white-space: normal; lines in there appears to have fixed things.
Hi Martin!
I see that you got the arrows up on your example. Shall I replace the version I have with the development version you posted? If so, I opened it up and cannot find the white-space: normal that you added in style.css or rotatingtweets-sample.css. Where did you make these fixes?
Thanks!
Apologies! I hadn’t uploaded it! It should be working if you download it now.
Ok! just to clarify, you want me to download the “development version” from the “I’ve now played around with the CSS for the…” post from earlier? Then replace the entire folder as we did before?
Yes. Although, in practice, the only file you really need to change is this one.
I’ve put the changes into the main version – so doing an automatic upgrade should get you the right version.
Hi Martin! I didnt have to do the upgrade, just replaced the css styles with the white-space CSS fixes. Do you think I should go ahead and do the auto update?
I think I might have found why the prev/next buttons were not working. Could it be because the shortcode was placed in a ACF (Advance Custom Fields) wysiwyg field?
Here is an example of the same code when being pulled from the regular page content area. In the page template: <?php the_content(); ?>
But when the same short code is placed in the ACF field. In the page template its: <?php the_field(‘twitter_feed’); ?>. The arrow images do not show.
http://phoogoodev.com/southpark/twitter-feed-test/
What do you think?
First off, I wanted to add how grateful I am to be working with you. Your patience and work ethic is resounding!
Things are getting closer! Earlier in our thread you mentioned styling by using these methods: http://ww.wp.xz.cn/support/topic/feature-request-custom-official_format?replies=5
I am not sure I am quite following so I wanted to let you know what the last pieces of this puzzle are.
1. Is there a way to output div.rtw_timestamp outside of div.rtw_meta? The reason why is that I need the timestamp to be in the top right corner of the tweet div. As in this example: http://phoogoodev.com/southpark/wp-content/themes/phoogoo/lib/img/PhotoshopScreenSnapz004.jpg
2. I couldn’t find shortcode to remove the meta/retweet/fav icons and replace with text. So replace the icons to “Reply, Retweet, Favorite”
example: http://phoogoodev.com/southpark/wp-content/themes/phoogoo/lib/img/PhotoshopScreenSnapz004.jpg
3. Responsive- I have set the tweet_count to ‘4’ and carousel_responsive to ‘1’ and removed any CSS widths but the tweet divs are coming out as various widths. Is there any way to keep these ‘responsive’ to 4 tweet divs wide for all browsers except mobile?
This example: http://phoogoodev.com/southpark/about/ is showing various widths, is that because of the snippet length?
We are very close and I am super happy!
Thank you!
I think you should aim to fix the widths via something like:
div.rotatingtweet {
width: 400px;
}
The only way to put the time in the top-right is currently to use official_format=2 I think – or to create your own function.
To this end, you would need to use official_format='custom' and write your own rotatingtweets_display_override() function like the one listed here.
`
Looking great! http://phoogoodev.com/southpark/about/
Is there any way you can set it to have the metadata showing without have to hover over the “expand” link?
I’ve uploaded a new development version which should fix this!
Martin
Thank you thank you thank you! That did it!
One last question : ) The div with the arrows .rotatingtweets_nextprev has to have a higher z-index to position itself “on top” of the tweets. Because of this the links in the actual tweets are being “blocked” by the .rotatingtweets_nextprev div. Is there a way to have the arrows appear outside of the .rotatingtweets_nextprev div and just float left and float right respectively? I already wrapped the carousel in div.tweets-div.
If we can have the arrows show as separate divs we can have them float left and right in the div.tweets-div, right?
Any thoughts? Thanks!
In theory they’re already directly accessible and you might be able to avoid giving .rotatingtweets_nextprev a high z-index.
What happens if access them via a.rtw_prev and a.rtw_next or even .rtw_prev and .rtw_next?
Martin
