saemosaemo

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']

Hey Zane,

I managed to get the icons to show in inputs! Thanks for that!

But for some reason the window load code above does not work. It looks like when I log out my username and “dotted” password shows up, probably because I have it saved. Any way to override that? Anyways, I tried it on another browser without being logged in and it did not work. Any thoughts? Thanks!

$j(window).load( function() {
	$j('.ajax-login-default-form-container input[name="user_login"]').attr('placeholder', 'User');
	$j('.ajax-login-default-form-container input[name="password"]').attr('placeholder', 'Password');
});

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;
	}
}

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?

Hey Zane! This all works great!

The only thing I can’t get to work is the placeholder js. I am using a no-conflict js file for things like this and have the following:

$j(document).ready( function() {
	$j('.ajax-login-default-form-container input[name="user_login"]').attr('placeholder', 'User');
	$j('.ajax-login-default-form-container input[name="password"]').attr('placeholder', 'Password');
});

Also, would this placeholder allow an image next to the placeholder text like this:
http://phoogoodev.com/southpark/contact/

Click on the key icon to see the login modal.

Thanks for the quick response!

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://wordpress.org/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!

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?