Image sizes incorrect « Support Forum | Kriesi.at - Wordpress Themes and HTML Templates

Support Forum » Sentence

Image sizes incorrect

10 posts from 5 voices

Started 11 months ago by lenscraft
Latest reply from Dude
This topic is resolved

Tags:

No tags yet.

lenscraft
Member

Hello,

I'm moving to Sentence from another theme. My images seem to be the wrong size. (See http://lenscraft.com/)

I have the 'Regen. Thumbnails' plugin, but what sizes should I set in 'Settings/Media'?

Ron

Posted 11 months ago #
designeed
Member

Hi lenscraft,

i think the right image sizes where automatically set in the functions.php from your theme, nothing to set in "Settings/Media"

Only use the plugin and your images have the right size.

Regards,
Jürgen

Posted 11 months ago #
Ismael
Moderator

Hello,

Jurgen is correct. The images will resize automatically.

Regards,
Ismael

Posted 11 months ago #
lenscraft
Member

If you go to my site you will see that they are not. Or at least they don't appear to be. The first image in the blog post appears correctly and sizes with the browser width, but the other images in the post do not. If I re-insert an image at 590px wide, it appears to be the correct width for the layout initially, but does not scale down like the top image in the post does.

See http://lenscraft.com/2012/05/yap-culture/ for an example.

Posted 11 months ago #
designeed
Member

I see it, do you change anything on the css?

I work also with the last version from this theme and here its everything ok with the pics.

Regards,
Jürgen

Posted 11 months ago #
Devin
Moderator

Hi lenscraft,

If you are just inserting the images into the post and not using the themes functions, you'll need to select the image and resize it to something smaller. The theme functions (as far as I know) only effect the theme based image displays (sliders, galleries etc).

Regards,

Devin

Posted 11 months ago #
lenscraft
Member

Yes, I am simply inserting images into the posts. (My site is a travel blog, so it makes sense for images to be inline.) Does the theme not support these images as responsive?

Posted 11 months ago #
Dude
Dude
Hey!

Following css code fixed the issue for me:
```
#top .content img.alignnone, #top .entry-content img.alignnone {
    max-width: 100%;
    width: 100%;
}
```
You can add it to css/custom.css or the quick css field

Regards,
Peter
Posted 11 months ago #

lenscraft
Member

I found that this code worked somewhat. If the window started out small, and the user expanded its width, the images would not get wider (at least on Safari.) I'm still using this code for initial image sizing, but I'm also using this JavaScript (which requires jQuery.) (Note that 'LC' stands for my site http://lenscraft.com/)

<script type="text/javascript">
  window.LC = window.LC || {};

  LC.initImages = function() {
    var     $ = jQuery;

    LC.resizeImages();

    $(window).on('resize',
                 function(event) {
                       LC.resizeImages();
                     });
  };

  LC.resizeImages = function() {
    var     $ = jQuery;

    var     $entryContent = $('div#main div.entry-content');

    if ($entryContent.length) {
      var     currColWidth = $entryContent.width();
      var     $images = $('img.alignnone', $entryContent);

      LC.resizeImages.lastColWidth = currColWidth;

      $images.css({
                    width:     'auto',
                    height:    'auto',
                    maxWidth:  currColWidth
                  });
    }
  }

  LC.resizeImages.lastColWidth = 0;

  (function($) {
    $(LC.initImages);
  })(jQuery);
</script>

Posted 11 months ago #