Aha! Tried that myself and it didn’t work.
I’ve updated the development version again. Try the shortcode using np_post=insidebottom.
Martin
Ok, should I download the dev version via your previous link? then add the shortcode? Will insidebottom show where I need it? or do I need to change CSS?
The previous link should always work. Or try this link. You can also find the development version on this page.
The structure is now:
<div class='rotatingtweets_nextprev'><!-- nextprev buttons go here if if np_pos=top --></div>
<div class='rotatingtweets'>
<div class='rotatingtweet'>
<div class='rtw_meta'>
<!-- nextprev buttons go here if np_pos=tweets -->
</div>
</div>
<!-- nextprev buttons go here if np_pos=insidebottom -->
</div>
<div class='rotatingtweets_nextprev'><!-- nextprev buttons go here if np_pos=bottom --></div>
so you might need to adjust your CSS slightly…
Now built into the main version. So just upgrade to version 1.7.2.
Or, in other words, the CSS descriptors should be something like div.rotatingtweets a.rtw_prev and div.rotatingtweets a.rtw_next! 🙂
Martin
Hello Martin! I ended up using np_pos=’insidebottom’ and styled with CSS. Now the arrows and tweet links work simultaneously.
For everyone else in this wonderful wordpress community. Here is the final working shortcode. Of course replace url with your image for next/prev buttons.
`[rotatingtweets screen_name=’applespotlight’ official_format=’2′ rotation_type=’carousel’ show_meta_reply_retweet_favorite=’1′ carousel_horizontal=’1′ show_meta_prev_next=’1′ np_pos=’insidebottom’ prev='<img src=”http://url”>’ next='<img src=”http://url”>’ tweet_count=’10’ carousel_count=’4′ carousel_responsive=’1′]’
I wanted to let you know that I really appreciate your help and dedication. The plugin works fantastic and looks exactly as I had intended. Hopefully this thread will help others create a horizontal carousel for tweets. Good luck to you and all your endeavors. I will definitely recommend your plugin and your work.
Best to you!
Before we marked this closed : ) I have to change the widths for the tweets, #content .rotatingtweet, #content .norotatingtweet, depending on browser size. It works fine for mobile devices but for desktop widths it is ignoring the widths I am setting. For example, a screen width of 1280px needs to have 320px wide tweets. But when you look at http://phoogoodev.com/southpark/about/ the tweet widths appear to be larger than 320px wide and shows 5 tweets instead of 4. Any thoughts as to why it might be ignoring my @mediaqueries?
@media only screen
and (min-width : 1280px) {
#content .rotatingtweet, #content .norotatingtweet {
width: 320px !important;
}
}
Is there a place in your code where the default to data-cycle-carousel-visible=5 can be set to 4? Or is your shortcode of carousel_count=’4′ supposed to set that?
carousel_count=4 should set it, but I’ll check it…
The alternative is to fix the tweet width to 320px and remove carousel_count and carousel_responsive. What happens if you try that?
Hey Martin,
I removed carousel_responsive and had to use @media queries to adjust all the widths but it appeared to do the trick. There are some instances when on Macbook Pro 15″ (2013), the widths look fine in firefox but Safari and Chrome get a little wonky. I think its because most Macs default at Best for Display (in system preferences display settings). Anyways, I tried specifically targeting macbook 15″ using device aspect ratio and device pixel ratio, but still can’t totally control widths. It’ll probably take a little more digging.
In any case, I want to thank you for the wonderful help and work you have done. Hopefully this will help others enjoy your amazing plugin.
Thank you thank you thank you!
Here is the final shortcode for everyone:
[rotatingtweets screen_name='applespotlight' official_format='2' rotation_type='carousel' show_meta_reply_retweet_favorite='1' carousel_horizontal='1' show_meta_prev_next='1' np_pos='insidebottom' prev='<img src="http://phoogoodev.com/southpark/wp-content/themes/phoogoo/lib/img/arrow-circle_left.png">' next='<img src="http://phoogoodev.com/southpark/wp-content/themes/phoogoo/lib/img/arrow-circle_right.png">' tweet_count='10' carousel_count='4' tweet_length='125']
