Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #168719

    Hi!

    After upgrading to 2.3, I get some strange problem in the portfolio view. When hovering over an image, the whole image is shown (goes over the title). I only get this in Chrome, not in IE where “the whole image” is shown all the time. Chrome though displays a more correct proportion (or at least the proportion I use to have before upgrading), and IE shows more of a square format.

    A little difficult to explain, so please have a look at:

    http://agwp.agarkitekter.se/projekt/

    Username: test
    Password: test

    Regards,
    Tomas

    #168840

    Hello agarkitekter!

    Please add following code to Quick CSS

    .grid-image img { height: 191px; }

    Regards,
    Yigit

    #169268

    Hi Yigit!

    That works, but the images still acts a bit strange. It’s most easily seen at this portfolio: http://agwp.agarkitekter.se/omagarkitekter/medarbetare/

    The first image is 400×300, and I have only added it as a post thumbnail (I want to view the whole image when I click on the ajax preview, and in the portfolio I want to see a scaled down version). The ajax preview image looks fine (even though I through this form got help fixing that by adding this custom css: “.page-id-26 .portfolio-preview-image { width: 36%; }”), but the portfolio image gets the wrong proportions, the face looks a bit wide. You see it clearly if you click on BECKMAN, TOMAS and compare the two images.

    I though maybe it had someting to do with the downscaling, so instead I created a image with 191px i height and added it as the post thumbnail, and the 400×300 as a ajax preview image. That didn’t help at all though, now even the portfolio thumbnail image gets blurry.

    Regards,
    Tomas

    #170091

    Hello!

    The way images work with WordPress is that you upload the largest possible file size in the proportions that the output will use. The theme/Wordpress then create thumbnails of that image for use in various functions. With this theme you can actually pick which thumbnail gets output in the portfolio elements pop up window by selecting custom image size for the image size parameter.

    The site has a login so i can’t see what you have right now but hopefully the above helps.

    Best regards,
    Devin

    #171656

    Hi!

    Username and password is “test”

    I have done some changes to grid.css that changes the width of the page, as you can se the width is wider than 1210px. So that’s what makes the images a bit streched out. It’s not much but still a bit irritating. I guess you can’t help me since it’s due to other changes with the theme? I may have to go to codeable where I got the help with “widening” the page.

    My portfolio setting is “set image setting automatically”, and I’ve tried some other settings. Some of them sharpens the image quality, but I get other errors like white space between the image and the title. I guess it also have to do with the custom changes.

    Regards,
    Tomas

    #173286

    Try changing them to 301 by 214. In functions.php look for:
    $avia_config['imgSize']['portfolio_small'] = array('width'=>260, 'height'=>185 ); // images for portfolio 4 columns

    Since you have a bigger width/area you can increase the size and then re-generate all the thumbnails with : http://wordpress.org/extend/plugins/regenerate-thumbnails/

    #173662

    I think I get what that does, but I can’t get it to work. I have re-generated all images, and also tried with adding new images after changing in functions.php. Do the WP media settings affect this in any way? Cause I have the settings 80×80 (small), 0×0 (medium, must be something wrong here?) and 1030×1030 (large).

    #173978

    Hey!

    The regenerated thumbnails are 301 by 214 px now. I think Devin’s fix worked. Please remove browser cache then reload the page. The portfolio page looks great. The Media settings doesn’t affect the portfolio thumbnails.

    Best regards,
    Ismael

    #174105

    Hi!

    The quality is fine now, but there is still something wrong with the proportions. I have removed the cache and even installed a fresh installation of Firefox, but it looks the same. Please have a look at this screenshot: Image

    The greyscale portfolio image to the left is what I see, and the right image in color have I pasted in (with the correct proportions).

    Regards,
    Tomas

    #174644

    Remove:

    
    .grid-image img {
    height: 191px;
    }

    Its stretching the images now instead of helping them :)

    #174657

    Ah, I see! :)

    Great, it works now! Thank you very much, really appreciated!

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

The topic ‘Portfolio problem after 2.3 (Chrome)’ is closed to new replies.