Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #13099

    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

    #77786

    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

    #77787

    Hello,

    Jurgen is correct. The images will resize automatically.

    Regards,

    Ismael

    #77788

    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.

    #77789

    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

    #77790

    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

    #77791

    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?

    #77792

    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

    #77793

    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>

    #77794

    Hi!

    Thank you for providing the code :)

    Regards,

    Peter

Viewing 10 posts - 1 through 10 (of 10 total)

The topic ‘Image sizes incorrect’ is closed to new replies.