css - Remove auto-resize in blogger -


i using template blogger blog in images set resize automatically fit whole width. therefore no matter align photo left or right or resize photo, appear full width. there 1 insatance can override this, if include photo code:

<a href="##" onblur="try {parent.deselectbloggerimagegracefully();} catch(e) {}"><img alt="" border="0" src="##" id="blogger_photo_id_5428874514942438946" style="cursor: hand; cursor: pointer; float: right; height: 240px; margin: 0 0 10px 10px; width: 320px;" /></a> 

however each time create post have add manually each photo because blogger automatically adds piece of code photo aligned right well:

<a href="##" imageanchor="1" style="clear: right; margin-bottom: 1em; margin-left: auto; margin-right: auto;"><img border="0" src="##" height="240" width="320" /></a> 

but above code won't it, , problem previous posts. found part in xml file of template part believe can part setting sizes of images, here is:

img{max-width:100%;width:auto\9;height:auto;vertical-align:middle;border:0;-ms-interpolation-mode:bicubic} 

though not sure if part, , don't know if how can change , because not xml codes.

any ideas how can fix problem? thanks.

img{max-width:100%;width:auto\9;height:auto;vertical-align:middle;border:0;-ms-interpolation-mode:bicubic} 

the above part, thinking might solution, not. while going through code, checked width values might corresponded blog posts , found part:

.post h1 { padding: 0 10px; } .post img{max-width:100%;width: 100%; height: auto; margin-left: -13px;} .entry-container { background: #fff; position: relative; margin-bottom: -10px; color: #444; font-size: 14px; padding: 30px 40px 30px 40px; line-height: 26px; } 

here, width: 100% part forcing images appear full width. first solution set width: auto didn't help. thought specifying width or height in xml file wouldn't necessary went ahead , removed width , height, making final code this:

.post h1 { padding: 0 10px; } .post img{max-width:100%; margin-left: -13px;} .entry-container { background: #fff; position: relative; margin-bottom: -10px; color: #444; font-size: 14px; padding: 30px 40px 30px 40px; line-height: 26px; } 

it works fine , images went original sizes set.

p.s. there code right below 1 same controls static pages, fixed same way well.


Comments

Popular posts from this blog

cakephp - simple blog with croogo -

How to group boxplot outliers in gnuplot -

bash - Performing variable substitution in a string -