Embeded items in the Activity Stream are too wide. It doesn’t seem to be factoring in the left margins.

PS
This isn’t a issue with the custom theme we are designing because we put the content full width below the avatar and the activity-header (doing the same in the forums and blog posts). This is a matter of taste, but I find it’s better to have the same content widths throughout.

Here is a very rough version of the css:

.activity-list .activity-content {
margin-bottom: 15px;
margin-left: 0;
}

.activity-list .activity-content .activity-header, .activity-list .activity-content .comment-header {
color: #555555;
font: bold 16px Arial,sans-serif;
margin-left: 70px;
}

.activity-header {
margin-right: 0;
}

.activity-list li.new_forum_post .activity-content .activity-inner, .activity-list li.new_forum_topic .activity-content .activity-inner {
border-left: 0 none;
clear: left;
margin-top: 10px;
}

div.activity-meta {
clear: left;
margin: 18px 0 18px 0;
}

(The change in font size in the header is not necessary, but I like it.)

It’s not necessarily a fix, it just eliminates the need for the margins effecting the bug. For those that like the current default layout will need a real fix.

[@fiq Member 13 years, 3 months ago]

Ticket #3623

[@r-a-y Keymaster 13 years, 3 months ago]

There are two ways to resize the width:

1) Set the “maximum embed size” in the WP Media Settings Subpanel

2) Set the $content_width variable in your theme’s functions.php

`if ( ! isset( $content_width ) ) {
// Change 640 to whatever the width of your column is
$content_width = 640;
}`

[@fiq Member 13 years, 3 months ago]

I thought the whole purpose was to have a dynamic width?

[@djpaul Keymaster 13 years, 3 months ago]

$content_width is a standard WordPress theme variable and mainly controls the width of embeds and other media such as images. You’ll see it set something similar in any well-written WordPress theme.