• I’m trying to embed a twitter timeline with a shortcode on a page.
    [twitter-timeline id=xxx username=yyy]
    but I’d like to call the data-chrome=transparent property.
    I tried
    [twitter-timeline id=xxx username=yyy data-chrome="transparent"]
    without success.
    Is it possible to do this? – and if so, what’s the syntax?

    It’s an option in the widget version, but I can’t seem to find any documentation on how to call the property from the shortcode.
    This is from Twitter’s how-to page:

    Chrome: Control the widget layout and chrome by using the data-chrome=”nofooter transparent” attribute on the embed code. Use a space-separated set of the following options:
    noheader: Hides the timeline header. Please refer to the timeline display requirements when implementing your own header.
    nofooter: Hides the timeline footer and Tweet box, if included.
    noborders: Removes all borders within the widget (between Tweets, cards, around the widget.) See also: border-color.
    noscrollbar: Crops and hides the main timeline scrollbar, if visible. Please consider that hiding standard user interface components can affect the accessibility of your website.
    transparent: Removes the background color.

The topic ‘data-chrome in Twitter Timeline shorcode’ is closed to new replies.