Customizing embedded Twitter

  • Author
    Posts
  • #3053250

    gotmaester
    Member

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

    https://ewtn.blog/rome-reports/

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

    https://ewtn.blog/2017/12/04/recapping-the-popes-visit-to-myanmar-and-bangladesh/

    QUESTION:

    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 ewtn.blog.

    #3053361

    gotmaester
    Member

    UPDATE:

    I checked out the following page which was helpful

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

    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.

    #3053397

    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;
    }

    #3053398

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

    #3053401

    gotmaester
    Member

    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.

    Thanks…

    ONE LAST QUESTION

    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.

    #3053404

    gotmaester
    Member

    This is my current workaround.

    https://ewtn.blog/ewtnnewsnightly/

    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.

    #3053426

    Yeah, probably not. Glad you found that workaround.

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