Twitter feed formatting

[Theo]

This is the code that I am using in the body,

<a class="twitter-timeline"
href="https://twitter.com/KingtonKLEEN?ref_src=twsrc%5Etfw"
data-width="600"
data-height="570"
data-chrome="transparent">
Tweets by KingtonKLEEN</a>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

All is working except the width. Whatever I do to the width alters nothing when I preview the page. Any ideas what's going on?

T

[Theo]

That's weird!

I just increased the width of the rectangle that I am using as the place holder. That sorted out the width problem..

What on earth?

T

[gwpriester]

I wonder if you had your dimensions switched? I just tried this at 600 x 600 with no problems.

[Theo]

I wonder if you had your dimensions switched? I just tried this at 600 x 600 with no problems.

Don't think that was the problem.

N

[jamesd]

The placeholder rectangle should be sized to 600px × 570px to match the dimensions in the code.

[Acorn]

The better coding would be:

<a class="twitter-timeline" href="https://twitter.com/KingtonKLEEN?ref_src=twsrc%5Etfw" data-width="100%" data-height="100%" data-chrome="transparent">Tweets by KingtonKLEEN</a>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

and then adjust the Placeholder dimensions to suit.

Acorn