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
Post a Comment