Twitter widget dimensions and appearance

• 

  kostaspapapostolou · Member · Sep 3, 2015 at 8:34 am

  • Copy link
  • Add topic to favorites

  To anyone who can help,
  I want to use the Twitter widget Tweets about

  Twitter gives me this code for wordpress.com and it works ok
  <p style=”text-align:center;”>[twitter-timeline id=618361878528552960 data-chrome="nofooter noborders transparent" width="900" height="1500" username=wwwoikotimescom]</p>

  BUT although I have dimensions 900 px it still shorter than 500 px and although I put data-chrome transparent it shows the white colour of the twitter widget background

  can u help me please?

  The blog I need help with is: (visible only to logged in users)

• 

  kokkieh · Staff · Sep 3, 2015 at 8:43 am

  • Copy link

  Hi there.

  First, you only need the ID-part of the code, as in the number only.

  Then you go to Appearance/Customize ->Widgets in the dashboard and add the Twitter Timeline Widget from the list of available widgets. You paste that ID number into the widget, and set the dimensions and appearance there.
  https://en.support.wordpress.com/widgets/twitter-timeline-widget/

• 

  kostaspapapostolou · Member · Sep 3, 2015 at 8:45 am

  • Copy link

  No you didn’t get it right
  I don’t want to use this as a widget BUT embedded in my post

• 

  kokkieh · Staff · Sep 3, 2015 at 9:03 am

  • Copy link

  You said you wanted to use the widget, and didn’t mention you want to embed it. You can see how that would lead to the answer I gave, can’t you?

  In the same support doc, further down, it give instructions for embedding with the shortcode: https://en.support.wordpress.com/widgets/twitter-timeline-widget/#embedding-with-a-shortcode

  According to those instructions, the only arguments accepted by the shortcode are “id” and “username”. This tells me it’s not possible to further customise this shortcode the way you want to.

  Where did you get the “data-chrome” argument? No WordPress.com support doc mentions it, nor is it included in the widget code generated by Twitter.

• 

  kostaspapapostolou · Member · Sep 3, 2015 at 9:13 am

  • Copy link

  well on Twitter they say that if you want to adjust your width or background colour, use the following codes

  the width widens but only at a specific number not further if you wish

  and the background colour doesn’t work

• 

  kokkieh · Staff · Sep 3, 2015 at 9:18 am

  • Copy link

  On WordPress.com only the WordPress.com shortcode works as described in that support doc. That’s why the support doc says not to copy the entire widget code, but only the ID, as that’s the only part of that code that can be used here.

  If you tried using the code on the Twitter Developers page, that won’t work here.

• 

  kokkieh · Staff · Sep 3, 2015 at 9:18 am

  • Copy link

  I’ll tag this for staff to follow up, just in case I’m mistaken. Please be patient while waiting for their reply.

• 

  kostaspapapostolou · Member · Sep 3, 2015 at 9:19 am

  • Copy link

  http://www.oikotimes.com/test

  since it works as embedded I really don’t understand why something about the width and the background cannot be done

• 

  supernovia · Staff · Sep 3, 2015 at 3:57 pm

  • Copy link

  Hi, @kokkieh is right, you’ll need to use the shortcode. Transparency in the shortcode is not an option at this time, but I’ll let the team know you’d like that feature in a future version.

• 

  kokkieh · Staff · Sep 3, 2015 at 3:59 pm

  • Copy link

  @supernovia
  What about resizing?

• 

  supernovia · Staff · Sep 3, 2015 at 4:11 pm

  • Copy link

  Ah I missed the part about resizing, but it’s the same issue as transparency, in that it’s not controlled the same way the widget is. I’ll pass that feature request along as well.

• 

  kokkieh · Staff · Sep 3, 2015 at 4:13 pm

  • Copy link

  Thanks :)