namklim

You should not have modified the original TwentyTen theme.

You should have used a child theme of TwentyTen – well documented https://codex.www.ads-software.com/Child_Themes

You should have created and made your changes in a child theme of TwentyTen https://codex.www.ads-software.com/Child_Themes rather than modifying TwentyTen. Then your changes would not have been lost as TwentyTen updates would not affect your child theme.

Have you made sure you cleared out your browser cache before trying to view the changes?

I use the XML Google Maps WordPress plugin and you can then include routes as well as a map centred on a single place. You do not need to modify the TwentyTen style.css.

You need to create a kml or kmz file for your map and include it in post
e.g. [xmlgm {https://mywebsite.com/mymap.kmz} width=640;height=500]

1. Use Google Maps to design your route (or single place)
2. Click on Link (on the RHS above the map) and copy the link
3. Paste the link into the URL bar, add &output=kml to the end of URL,
e.g. https://maps.google.co.uk/maps?f=d&saddr=Marble+Arch,+Westminster,+London+W1H,+United+Kingdom&daddr=London,+SW1A+1+(Buckingham+Palace)&hl=en&geocode=%3BCSStB8B7J1zGFTPZEQMdv9X9_yGH3Twxb-Jb5g&view=map&mra=pe&mrcr=0&sll=51.504654,-0.150823&sspn=0.045732,0.109177&ie=UTF8&z=14&output=kml
and press Return. Save the resulting file (the default is maps.kml).

If want a very complex Google Maps route, more that about 15 place points, you will need to open the map in Google Earth and create the kmz file (there seems to be a limit to the number of points Google Maps can handle in creating the output file)

The IE8 problem was mentioned here https://www.ads-software.com/support/topic/changes-twentyten-10-11#post-1619942

You can see more info in the bug tracker https://core.trac.www.ads-software.com/ticket/14303 and it seems to have been fixed so hopefully there will be an update to TwentyTen sometime soon rather than having to modify the style.css?

It is a known bug introduced in TwentyTen 1.1 to attempt to correct an earlier problem with display in IE8. Hopefully it will be resolved with the next release.

see https://www.ads-software.com/support/topic/twenty-ten-11-ignoring-image-width-resizing

I decided having a flash image on every page could be distracting. I just have a swf on the Home page. The swf is 940×300 as I am displaying a 360degree photo panorama and it needed to be larger to show the detail. The size was a compromise; the swf file download is only about 300kb. The static header on other pages is the standard 940×198.

The code I have in header.php in the child theme directory to display the flash file (and a greyscale bar so users can adjust their displays) just on the Home page in given below. It would be easy to modify to put a flash file on every page.

/// Check if this is a post or page, if it has a thumbnail, and if it's a big one
					if ( is_singular() &&
							has_post_thumbnail( $post->ID ) &&
							( /* $src, $width, $height */ $image = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'post-thumbnail' ) ) &&
							$image[1] >= HEADER_IMAGE_WIDTH ) :
						// Houston, we have a new header image!
						echo get_the_post_thumbnail( $post->ID, 'post-thumbnail' );
					elseif ( is_home() ): ?>
						<div id="hm_swf">
						<embed src="https://www.mywebsite/myblog/wp-content/uploads/header-940x300.swf" quality="high" bgcolor="#ffffff" width="940" height="300" name="banner" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="https://www.adobe.com/go/getflashplayer" />
						<img src="https:///www.mywebsite/myblog/wp-content/uploads/greyscalebar.gif" width=940" height="15" align="middle">
						</div>
					<?php else : ?>
						<img src="<?php header_image(); ?>" width="<?php echo HEADER_IMAGE_WIDTH; ?>" height="<?php echo HEADER_IMAGE_HEIGHT; ?>" alt="" />
					<?php endif; ?>

If you haven’t changed it, line 22 of default-embeds.php is:
function wp_embed_handler_googlevideo( $matches, $attr, $url, $rawattr ) {
so is to do with embedding video. It looks as though you’ve got a problem elsewhere.

I forgot to mention you will need to reload your header for the child theme (so each child theme can have a different header, if desired)

Create a child theme.
Create an empty functions.php in the child theme
Add the following to the new functions.php and change the header size you want

// The height and width of your custom header. You can hook into the theme's own filters to change these values.
	// Add a filter to twentyten_header_image_width and twentyten_header_image_height to change these values.
	define( 'HEADER_IMAGE_WIDTH', apply_filters( 'twentyten_header_image_width', 940 ) );
	define( 'HEADER_IMAGE_HEIGHT', apply_filters( 'twentyten_header_image_height', 198 ) );

Yes it switches to the default header. I just went through the process of adding the custom header again. It allows different headers with different child themes.

Harm Jans – I don’t have image problems with Chrome, FF, IE 8, Opera or Safari after making the change.

In https://www.ads-software.com/support/topic/changes-twentyten-10-11?replies=32 Andrew Nacin wrote: It was designed to fix an IE8 bug, I believe. I’m having someone look into the side effects.

See also https://www.ads-software.com/support/topic/twenty-ten-11-ignoring-image-width-resizing

I’ve found one change in style.css which I think cannot be overridden in a child theme.

v1.1 now has the entry below which includes lines for image height and width in style.css which weren’t in v1.0. The change can make a mess of images in earlier posts.

#content img {
margin: 0;
height: auto;
max-width: 640px;
width: auto;
}

see also https://www.ads-software.com/support/topic/twenty-ten-11-ignoring-image-width-resizing

From a Google search it seems there are others who are having the similar problems with the width (and height) in old posts following the Twenty Ten v1.1 upgrade.

I have now discovered the problem is a change in style.css between 1.0 and 1.1
v1.0
#content img {
margin: 0;
max-width: 640px;
}

v1.1
#content img {
margin: 0;
height: auto;
max-width: 640px;
width: auto;
}

Unfortunately it seems it is not possible to put a command in a child theme to disable the width: auto; and height: auto; so it is necessary to edit the v1.1 style.css to remove them.