WordPress.com Forums » Topic: New Twitter embed totally inelegant

shimworld on "New Twitter embed totally inelegant"

shimworld — Mon, 26 Dec 2011 11:54:23 +0000

Messing with the code a bit, I took out the second line and the embeds are more centred now. Honestly, I have very little clue what does what but slightly better aesthetics there than before.

.twp-container {
margin-left:Auto!important;
}

shimworld on "New Twitter embed totally inelegant"

shimworld — Mon, 26 Dec 2011 11:22:45 +0000

Here's a screen cap to better illustrate.

shimworld on "New Twitter embed totally inelegant"

shimworld — Mon, 26 Dec 2011 11:18:44 +0000

No, wait. Did you mean for the Embeds to be centred? They should be based on the code but they're not for some reason. They're aligned slightly to the left.

shimworld on "New Twitter embed totally inelegant"

shimworld — Mon, 26 Dec 2011 11:05:15 +0000

No change. I appreciate the time you're putting into this.

thesacredpath on "New Twitter embed totally inelegant"

thesacredpath — Mon, 26 Dec 2011 07:52:04 +0000

Jan, give this a try. If it works, it's a band-aid, but at least it is something.

.twp-container {
    margin-right: auto !important;
    margin-left: auto !important;
}

thesacredpath on "New Twitter embed totally inelegant"

thesacredpath — Mon, 26 Dec 2011 07:42:29 +0000

Let's hope that they will take a look and say, yeah, this looks bad and make some adjustments. It will definitely have to be on their end because we can't change anything through CSS here it looks like.

shimworld on "New Twitter embed totally inelegant"

shimworld — Mon, 26 Dec 2011 07:11:01 +0000

Sigh. I cannot imagine going into all my posts and editing each Twitter embeds with align='center' just so they default centred instead of now flushed to the left. Wow what a mess and I suspect very few people embed tweets and take presentation as seriously as I do on mine. I sent a tweet to @TwitterAPI about this see if they bothered to reply me. Judging from your finding, I doubt they'll give us any latitude to reformat tweets the way we want.

thesacredpath on "New Twitter embed totally inelegant"

thesacredpath — Mon, 26 Dec 2011 07:07:25 +0000

Staff need to revisit this change as I agree with you it looks like poor or incomplete design when viewing the site.

thesacredpath on "New Twitter embed totally inelegant"

thesacredpath — Mon, 26 Dec 2011 07:04:41 +0000

Jan, the twitter stuff has its own CSS file and they are loading that after the custom CSS apparently (and also using the !important attribute) and I now cannot get it to override.

I should have taken a screenshot of it at full width after my Firebug change.

Looking through the twt.css file, they have used "!important" on everything (seriously, each declaration has an !important on it) apparently to keep you from overriding any of the styling.

Firebug sometimes fails me and this was one of those times where it showed things changing, but things actually didn't change.

thesacredpath on "New Twitter embed totally inelegant"

thesacredpath — Mon, 26 Dec 2011 06:46:58 +0000

Jan, this is so weird. I did it the first time with Firebug and poof, full width (or nearly full width).

Let me play with this a little. Something is seriously strange here.

shimworld on "New Twitter embed totally inelegant"

shimworld — Mon, 26 Dec 2011 06:21:03 +0000

Hi TSP,

Do you increase the Twitter Embed width by increasing the % value? I've added your suggested code, played with 120% and nothing changed. Cleared cache too and it's the same.

thesacredpath on "New Twitter embed totally inelegant"

thesacredpath — Mon, 26 Dec 2011 06:03:46 +0000

Jan, if you want to at least temporarily fix this till staff does something with it, add this to the bottom of your custom CSS. The original "max-width" was 550px.

.twp-container {
max-width: 100%;
}

shimworld on "New Twitter embed totally inelegant"

shimworld — Mon, 26 Dec 2011 05:41:47 +0000

Have just tried this and doesn't overwrite default Twitter embeds, unfortunately.

justjennifer on "New Twitter embed totally inelegant"

justjennifer — Sun, 25 Dec 2011 21:30:39 +0000

How about the Media Settings>Auto Embeds. Is there a width noted there? If so, maybe remove it and see if your tweets don't realign.

A note of caution: Changing this setting will affect all auto-embeds, not only tweets.

shimworld on "New Twitter embed totally inelegant"

shimworld — Sat, 17 Dec 2011 14:37:22 +0000

Hi,

I have tried all valid shortcode switches and none of them worked the way I wanted them. The width= switch I suspect only shortens from its hard-coded default of 'x' value. I tried width='620' which is the width of my images and theme and it didn't do anything. The default value is much shorter. All I want is for every tweet embeds to flush with the theme's max width.

justjennifer on "New Twitter embed totally inelegant"

justjennifer — Sat, 17 Dec 2011 13:59:04 +0000

Jan, have a look here: http://en.support.wordpress.com/twitter-embeds/ It's possible to use a new shortcode to align tweets.

shimworld on "New Twitter embed totally inelegant"

shimworld — Thu, 15 Dec 2011 00:25:22 +0000

The old Twitter embeds used to be elegant and added great aesthetics to blog posts, at least the way I integrate them with my content. The recent improvement took all that away leaving too many posts looking poorly formatted, in my opinion. Starting with a new post from last night, I had to manually screen capture a tweet and inserting into post as an image just so the blog post contains all images centre aligned.

http://shimworld.wordpress.com/2011/12/14/zest-cafe-at-the-empire-hotel-and-country-club/

The original Twitter Blackbird Pie Embed feature worked so beautifully in that tweets are automatically stretched to flush with width of theme. That's all gone with the new feature leaving posts with mix alignment issues such as thoe here http://shimworld.wordpress.com/2011/10/ sigh!

Please make default Twitter Embeds to fit the width of theme or at the very least automatically centre them in post.

Thank you.