Tweet text not wrapping

Hi ridewithjoe,

That is caused by a CSS rule from the Twitter script itself:
https://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:

https://www.sushidating.com/click/click.php?id=17

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:
https://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.