sacredpath
(@sacredpath)
Automattic Happiness Engineer
The main problem is with video embeds. The demo scales the video and the video’s iframe container whereas 1.2.2 scales the iframe container only but not the underlying video itself which effectively causes the video to be cut off on the sides.
I just installed Intergalactic on my test site and have no problems with Youtube videos resizing correctly when I have the Jetpack plugin activated. Which video service are you using and are you using the straight embed code? When I deactivate Jetpack and then use the embed iframe code from Youtube, the video doesn’t resize properly because Youtube embed code contains static height and width declarations. This can be fixed though with a little CSS and then wrap your embed iframe in div tags with a class. See here.
The “OLDER POSTS” button has cool purple styling in the demo and not in the downloadable version, least not 1.2.2.
This is due to Jetpack styling overriding the theme styling. To mimic the WordPress.com styling of the “Older Posts button, you can add the following CSS.
#infinite-handle span {
background: none repeat scroll 0 0 #81699b;
color: #fff;
display: block;
font-size: 1.11em;
font-weight: bold;
margin: 1.5em auto;
padding: .75em 1.5em;
text-align: center;
text-transform: uppercase;
width: 260px;
}
I’m filing a ticket on this to get the developers to look at it, but in the meantime, you can add some bottom margin to the author avatar img such as this.
.author-avatar img {
float: left;
margin-bottom: 1.5em;
}
Lastly, Google Webmaster’s structured data testing tool reports that everything checks out except one item:
Error: Missing required field “entry-title”.
When I look in the HTML (view source) on single post pages on the demo site, it is right here:
<header class="entry-header">
<h1 class="entry-title"><a rel="bookmark" href="http://intergalacticdemo.wordpress.com/2011/09/20/welcome-to-espresso/">Welcome, Space Travelers</a></h1>
</header>
sacredpath
(@sacredpath)
Automattic Happiness Engineer
Oops, on the filing a ticket bit, I was referring to this
In the Author section there seems to be some colliding of elements depending not the stage of scaling.
Correct, the video sizing issue seems to be Jetpack related. I don’t have/use Jetpack. I add videos simply by copy/pasting the URL (no embed codes, just URL) and WP4.1 takes care of the embedding itself. I did notice too that the CSS styling in the demo mentions Jetpack. It seems the theme relies on it heavily.
As for the “entry-title” structured data markup, despite the fact that it’s there it doesn’t validate. I think it’s missing some additional structure that wraps around “entry-title”.
Thanks for the response and code-fixes. Much appreciated!
sacredpath
(@sacredpath)
Automattic Happiness Engineer
Yes, Intergalactic relies on Jetpack, and Jetpack is what makes the videos resize seamlessly on the demo site, and when I tested on my site.
Take a look at this site for a solution. I tested it on my site with Jetpack disabled and it gave me responsive YouTube videos.
sacredpath
(@sacredpath)
Automattic Happiness Engineer
