single portfolio image size

6 posts from 2 voices

• Started 11 months ago by ykblue
• Latest reply from Ismael
• This topic is closed
• This topic is resolved

Tags:

No tags yet.

1. 

   ykblue
   Member

   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

   Posted 11 months ago #
2. 

   Ismael
   Moderator

   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

   Posted 11 months ago #
3. 

   ykblue
   Member

   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

   Posted 11 months ago #
4. 

   Ismael
   Moderator

   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

   Posted 11 months ago #
5. 

   ykblue
   Member

   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

   Posted 11 months ago #
6. 

   Ismael
   Moderator

   Hi Katharina,

   Glad that I could help. :)

   Cheers,
   Ismael

   Posted 11 months ago #

RSS feed for this topic

Topic Closed

This topic has been closed to new replies.