Tweet text is not wrapping within the widget. It goes off to the right and cannot be seen. How can we fix this?
http://www.ridewithjoe.com look on the right side.
Tweet text is not wrapping within the widget. It goes off to the right and cannot be seen. How can we fix this?
http://www.ridewithjoe.com look on the right side.
Hi ridewithjoe,
That is caused by a CSS rule from the Twitter script itself:
http://widgets.twimg.com/j/2/widget.css
Specifically, this:
.twtr-widget h3,
.twtr-widget h4,.twtr-widget p {
margin:0!important;
padding:0!important;
line-height:1.2!important;
width:auto!important;
}
The width:auto!important; is causing the problem. I'm not sure why (I can't recreate it on my test site), but I suspect it has something to do with your Theme's CSS.
Try defining max-width, e.g.:
.twtr-widget h3,
.twtr-widget h4,.twtr-widget p {
max-width:185px;
}Chip,
Thanks for the tip. I will see if I can figure out how to change this. I will let you know.
If you want to try and recreate this on your test site, you can find the theme here:
Just FYI, Joe, you got that Theme from a spammy source that has added a spammy footer link.
You can find the original referenced in your Theme's readme file:
http://ridewithjoe.com/wp-content/themes/cool-biker-10/readme.txt
Your suggestion worked fine.
I added style tags just before the call for the javascript in your widget and it altered the sidebar perfectly (once I padded the container properly to position it.)
This isn't the best theme in the world but I'm not a coder either so it was a good start for me.
Thanks again. This has been bugging me for over a year.
Chip,
Yeah I found those spammy pieces in the footer some time ago and took them out. It was interesting, they uuencoded theme or something. I never saw anything like that before. I think it's clean now. I don't mind giving credit but the shadyness of the code concerned me.
You must log in to post.