Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #13909

    Hi, I would like to reduce the size of the image on the single portfolio (opened on the same page as all portfolio items) to 300x300px. I followed the hints on the thread http://www.kriesi.at/support/topic/control-image-size#post-51047 but this does not lead to resizing the image including it’s container. Changed size in the functions.php – which only rezises the thumbs. In both cases: thumbnails regenerated.

    Your help is appreciated. Thanks, Katharina

    #81205

    Hello,

    Please open functions.php and change find this line.

    $avia_config['imgSize']['post-format-image'] = array('width'=>630, 'height'=>999, 'crop'=>false); // big images for post format image and gallery posts

    replace it to

    $avia_config['imgSize']['post-format-image'] = array('width'=>300, 'height'=>300, 'crop'=>true); // big images for post format image and gallery posts

    Regenerate the images. I think this will work. If not you can add this codes on your custom.css

    #top .slideshow li img {
    width: 300px;
    height: 300px;
    }

    #top .slideshow li {
    width: 300px;
    height: 300px;
    }

    #top .slideshow {
    width: 300px;
    height: 300px!important;
    }

    This might not crop the image correctly.

    Regards,

    Ismael

    #81206

    Thanks Ismael for your fast and kind assistance.

    Step 1 – functions.php leads to smaller thumbs. Fine

    Step 2 – additional css leads to imgs in the correct size but in ALL slideshows. I only want the portfolio images including their container to be smaller, but the slider on the home page should remain wide.

    I went through the initial thread again – he somehow managed as you can see on his site http://www.tasty-juice.com/e-liquides/fresh-strawberry/, but I don’t understand how. I hope that I’m not asking too much but would appreciate if you could dive into this again.

    Maybe it’s a hint: for the portfolio I’m using dynamic templates built with the Angular template builder http://www.prodynamics.com/wordpress/seilzug-positionsgeber-all/

    Thanks, Katharina

    #81207

    Hello,

    You can inspect the portfolio page and look for the body class. In the link you provided you can use

    #top.page-id-636 .slideshow li img {
    width: 300px;
    height: 300px;
    }

    #top.page-id-636 .slideshow li {
    width: 300px;
    height: 300px;
    }

    #top.page-id-636 .slideshow {
    width: 300px;
    height: 300px!important;
    }

    If you have another portfolio page, inspect the page again and look for the unique body class then drop the same snippet.

    Regards,

    Ismael

    #81208

    Thanks a lot – works like charm. I did not think in this direction – once you see the solution it’s obvious.

    Have a nice day,

    Katharina

    #81209

    Hi Katharina,

    Glad that I could help. :)

    Cheers,

    Ismael

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

The topic ‘single portfolio image size’ is closed to new replies.