Rightmost tweet width is not right

(@rahyrs)

Hi Martin,

I’m using carousel, display 3 tweets, using responsive. below is the shortcode I use in the template:

echo do_shortcode( "[rotatingtweets screen_name='loca_id' search='#beacons' official_format='2' rotation_type='carousel' carousel_horizontal=1 carousel_count=3 carousel_responsive=1 show_meta_reply_retweet_favorite='0' tweet_length='0' show_meta_prev_next='1' np_pos='tweets' prev='<img src=\"http://integria.co.id/webhome/wp-content/themes/zerif-lite/images/left-arrow.png\">' next='<img src=\"http://integria.co.id/webhome/wp-content/themes/zerif-lite/images/right-arrow.png\">' tweet_count='10' show_tco_link = '1' links_in_new_window = '1' official_format_override = '1' show_meta_timestamp = '1' show_meta_screen_name = '0' show_meta_via = '0']" );

But the rightmost (the third) tweets is not correct. It is cut at the right edge (it’s like the rotatingtweets width is more than the page container).

I found this is caused by the margin-right I set to separate each box. If I don’t use the margin (I think default is 0) the boxes are correct. But there is no space between boxes.

What is the right css to correct these problems?
My site is integria.co.id

Thank you

https://wordpress.org/plugins/rotatingtweets/

Viewing 5 replies - 1 through 5 (of 5 total)

Plugin Author Martin Tod
(@mpntod)

11 years ago

margin-right isn’t likely to work. I would try padding-right instead.

If that doesn’t work, there are some options we can try here such as carousel-offset and carousel-slide-dimension that I can look to build into the plug-in.

Incidentally, in your shortcode, you also need to get rid of all the spaces either side of the = signs.

Plugin Author Martin Tod
(@mpntod)

11 years ago

Did this work?

Thread Starter rahyrs
(@rahyrs)

11 years ago

Since I display the tweets as boxes, I can’t use padding-right because padding will add space within the tweet box instead of space between boxes. If you add border around .rotatingtweet.cycle-slide, the right border overlaps with the lft border of the next tweet box.
So it is (container / tweetbox) instead of (container / (tweetbox + space between boxes)

Plugin Author Martin Tod
(@mpntod)

11 years ago

OK. I’ll need to look at adding support for the carousel=offsetand carousel-slide-dimension settings. I’ll let you know when it’s done.
Thread Starter rahyrs
(@rahyrs)

11 years ago
This is the css I use to override the styling:
```
/* TWEET SECTION */
section#tweets.tweet {
	background: #dbbf56 !important;
	padding-bottom: 40px;
}
.rotatingtweet.cycle-slide{
	/*max-width: 380px !important;*/
	/*min-width: 200px !important;*/
	/*min-height: 175px;*/
	/*max-height: 250px;*/
	margin-right: 5px;
	margin-left: 5px;
	background-color: #fff;
	border: 1px solid #fff;
	border-radius: 4px;
	color: #909090;
	font-size: 14px;
}
/*div.cycle-carousel-wrap div.rotatingtweet{
	padding-right: 0;
}*/
/*.rotatingtweet{
	vertical-align: middle;
}*/
#content .rotatingtweets{
	border: none !important;
}
#content .rtw_wide_block{
	padding: 0 0 0 10px;
}
#content .rtw_name{
	display: none;
}
#content .rtw_info{
	display: none;
}
#content .rtw_meta{
	display: none;
}
#content .rtw_wide_icon{
	padding: 0 10px 6px 10px;
}
#content .rtw_media_link{
	color: #20AA73 !important;
}
#content .rtw_main a:link{
	color: #3ab0e2;
}
#content .rtw_meta a:link, #content .rtw_info a:link{
	color: #e96656;
}
```

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Rightmost tweet width is not right’ is closed to new replies.