Embedding a twitter feed with a Shortcode

• 

  connorjd94 · Member · Mar 26, 2015 at 12:34 pm

  • Copy link
  • Add topic to favorites

  When embedding a twitter feed with a Shortcode, can you customise its appearance? I would like to make the feed have no boarder, header, footer and scrollbar, and to make it transparent, like how you are able to customise a twitter feed used as a widget.

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

• 

  jeremeylduvall · Member · Mar 26, 2015 at 5:18 pm

  • Copy link

  I believe you’re referring to this feed here:

  http://d.pr/i/1cXdk

  If so, you can change the appearance of that area using some CSS. For example, the following code should remove the header, footer, and borders:

  .timeline-header, .timeline-footer {
  display: none;
  }
  
  .customisable-border {
  border: none;
  }

  Can you try putting that under Appearance -> Customize -> CSS?

  If you’re curious, we have some tips on finding the right CSS properties to achieve what you’re looking for here:

  An Intro to CSS: Finding CSS Selectors

• 

  connorjd94 · Member · Mar 26, 2015 at 9:20 pm

  • Copy link

  Hi Jeremey,

  Thanks for your response.

  I’ve tried as you’ve suggested, but to no avail as you can see here: https://connordnetto.files.wordpress.com/2015/03/screen-shot-2015-03-27-at-7-17-45-am.png

  Where am I going wrong?

  Thanks

• 

  jeremeylduvall · Member · Mar 26, 2015 at 10:18 pm

  • Copy link

  It looks like you’re missing the periods in front of the selectors, which indicate they’re targeting a class. Can you try this exact code?

  .timeline-header, .timeline-footer {
  display: none;
  }
  
  .customisable-border {
  border: none;
  }

• 

  connorjd94 · Member · Mar 26, 2015 at 11:15 pm

  • Copy link

  Unfortunately still no result…
  https://connordnetto.files.wordpress.com/2015/03/image.jpg
  https://connordnetto.files.wordpress.com/2015/03/image1.jpg

  Is there a way that I can at least make the feed fill the width of page? My aim to to make the feed feel as naturally integrated as possible.

• 

  jeremeylduvall · Member · Mar 27, 2015 at 6:16 pm

  • Copy link

  Ah – completely missed this. The Twitter embed is served up through an iframe so I’m afraid we won’t be able to use CSS to customize the styling. Sorry for not noticing this sooner!

• 

  connorjd94 · Member · Mar 27, 2015 at 6:24 pm

  • Copy link

  No worries, thanks for your help none the less.

• 

  connorjd94 · Member · Mar 27, 2015 at 6:27 pm

  • Copy link

  Is there another way to embed a Twitter feed?

  My friend’s website seems to have achieved it, though using another website building client : http://frescosounds.com/

• 

  jeremeylduvall · Member · Mar 27, 2015 at 11:19 pm

  • Copy link

  I’m afraid I don’t know of a way of achieve this. We support Twitter embeds as described here:

  https://en.support.wordpress.com/twitter/twitter-embeds/

  However, again, those are still served up through an iframe so that won’t get us anywhere. I’m sorry!