Customizing embedded Twitter

  • Author
  • #3053250


    I am using twitter in two ways.
    1. using the widget and positioning feed on selected pages. Example,

    2. copying URL link of individual tweets into a post. Example,


    How can I change the properties of the embedded tweet?

    I am not having any success using the following two selectors and properties…

    .EmbeddedTweet {
        overflow: hidden;
        cursor: pointer;
        background-color: #fff;
        border: 1px solid #e1e8ed;
        border-radius: 4px;
        max-width: 520px;
    .SandboxRoot {
        display: block;
        background: 0 0;
        font: normal normal 16px/1.4 Helvetica,Roboto,"Segoe UI",Calibri,sans-serif;
        color: #1c2022;
        white-space: normal;
        white-space: initial;

    The blog I need help with is




    I checked out the following page which was helpful

    I was able to make the embedded tweet using shortcode provided on the page.

    But, I was NOT able to make the tweet larger. But it turns out that this might not be necessary, because it gives me the option of aligning it to the right, which stylistically is more appealing.

    Any insight into this matter would be greatly appreciated.


    The embedded tweet is placed in the content with an html iframe, which means all the stying and such comes with the iframe, and there is very, very little you can change as far as styling. This would be about the best we could do.

    iframe#twitter-widget-0 {
      max-width: 100% !important;
      width: 100% !important;


    Borders, text color, etc., we cannot change on something within an iframe.



    that makes sense about the iframe. Properties do show up in the inspector, but they are greyed out (now I know why). Any changes made would be on the page contained in the iframe which I don’t have access too.

    I couldn’t get the above code to work, which is probably a good thing. I probably don’t need to be adding embedded tweets to the pages. I have enough on them all ready. The youttube videos on the bottom serve the same purpose.



    Before I close this out, the shortcode is just for individual tweets, right? Or is there a way use shortcode for an entire twitter feed?

    That would be a lot easier and cleaner, than moving the twitter widget outside the left column onto a page.



    This is my current workaround.

    Using shortcode for a twitter feed would be a whole lot easier, but then again I probably would not be able to stretch it 1005 width, either.


    Yeah, probably not. Glad you found that workaround.

The topic ‘Customizing embedded Twitter’ is closed to new replies.