Image Size Posted with Blogsy

Hi,

I have linked Blogsy up to my website to post blogs from and iPad. I'm having problems controlling the image size which is displayed in the blog. This is controllable in Blogsy using the setting "Drag in Pixel Limit" which I have set to 500px. I have copied the html/css which get's embedded in the blog post so that you can see how this is implemented:

<div class="separator" style="clear: both; text-align: none;"><a class="easyblog-thumb-preview" href="http://rurallondoner.com/images/easyblog_images/42/Photo-20140626223804.jpg"><img id="blogsy-1403818724492.176" class="alignnone" src="http://rurallondoner.com/images/easyblog_images/42/Photo-20140626223804.jpg" alt="" width="500" height="374" /></a></div>

The problem is that the image is being displayed on the site at full size. It looks like the css is being over-riden by the template. I have verified this be looking at the same image in the Protostar template and it appears at the correct size.

Please look at the following blog post (related to the above script) and you'll see what I mean:

http://www.rurallondoner.com/index.php/ ... logsy-test

Would it be possible to use a template over-ride to correct this image sizing problem for articles posted using Blogsy? If so, can you please send me the override code?

Thanks,

Eric.

Hello,

Please remove the "width: 100%" property from the following selectors in this file: http://www.rurallondoner.com/templates/gk_msocial/html/com_easyblog/css/styles.css

Code: Select all

#ezblog-body .easyblog-thumb-preview > img, #ezblog-body .photo-source img, #ezblog-body .blog-content p.photo-source img, #ezblog-body ul.featured-entries .featured-image img

Code: Select all

#eblog-wrapper a.easyblog-thumb-preview img, #eblog-wrapper a.gallery-thumb-item img

and:

Code: Select all

#ezblog-body .easyblog-thumb-preview, #ezblog-body .photo-source, #ezblog-body .blog-content p.photo-source