http://www.kriesi.at/support/topic/portfolio-greyscale-imagebox-issue Support Forum - Topic: Portfolio Greyscale Imagebox issue en-US Tue, 21 May 2013 22:22:41 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/portfolio-greyscale-imagebox-issue#post-97663 Wed, 20 Feb 2013 16:04:36 +0000 Nick 97663@http://www.kriesi.at/support/ <p>Hi,</p> <p>Yes, though match the aspect ratio , not the size. You can change the aspect ratio to whatever you want, however all images in the protfolio should match it, otherwise there will be stretching, blurring or cropping.</p> <p>If you look here <a href="http://www.kriesi.at/themes/angular/template-files/portfolio-4-columns/" rel="nofollow">http://www.kriesi.at/themes/angular/template-files/portfolio-4-columns/</a> you will see for example the image of the kid with a frozen tongue, the thumbnail is cropped when you compare it to the original image. If you don't mind cropping, then you can use any larger sized images then your settings</p> <p><a href="http://wordpress.org/extend/plugins/simple-image-sizes/" rel="nofollow">http://wordpress.org/extend/plugins/simple-image-sizes/</a> &lt;-- please install this plugin. In your Settings &gt; Media , the plugin will display all image sizes from within the theme to give you better control. Just please be aware when you change the sizes, the images already uploaded do not automatically resize. Instead you will either need to re-upload them, or use the regenerate button which is also a part of the plugin.</p> <p>Thanks,</p> <p>Nick </p> http://www.kriesi.at/support/topic/portfolio-greyscale-imagebox-issue#post-97510 Tue, 19 Feb 2013 20:03:42 +0000 foodieq 97510@http://www.kriesi.at/support/ <p>Hi Thanks for your help.</p> <p>I would like to pursue option (a) , resize the thumbnail images instead of cropping them. However, does this mean that all my portfolio single entries have be re-sized to match the aspect ratio of 245x200? </p> <p>In the Angular Demo Page, I see portfolio entries that are in different aspect ratio (some are 1:1) and the grey scale thumbnails of these entries are working perfectly. How did you achieve this? </p> http://www.kriesi.at/support/topic/portfolio-greyscale-imagebox-issue#post-92216 Fri, 18 Jan 2013 10:04:11 +0000 Nick 92216@http://www.kriesi.at/support/ <p>Hi,</p> <p>for you to have 245x200px images you will either need to (a) only upload your images in the *same aspect ration* but larger (490 x 400 for example ) (b) upload your images any larger size but *crop your images down* to 245x200 automatically.</p> <p>If you want them that size, please open functions.php file and look for lines 27-37. As you can see a large number of images get controlled here including the portfolio ones. I would change portfolio_1, portfolio_2, portfolio_3 and portfolio lines in that block</p> <p>to look like this if you do not want to crop (a) option above<br /> <pre><code>$avia_config[&#39;imgSize&#39;][&#39;portfolio&#39;] = array(&#39;width&#39;=&gt;245, &#39;height&#39;=&gt;9999, &#39;crop&#39;=&gt;false);</code></pre> <p>(b) if you want them cropped to exact size use this code instead (but do not use both)<br /> <pre><code>$avia_config[&#39;imgSize&#39;][&#39;portfolio&#39;] = array(&#39;width&#39;=&gt;245, &#39;height&#39;=&gt;200, &#39;crop&#39;=&gt;true);</code></pre> <p>Once you -reupload the images with the option for greyscale turned on, you will get 'correct size' overlays. If you change the above without changing the images, you will not see results.</p> <p>Thanks,</p> <p>Nick </p> http://www.kriesi.at/support/topic/portfolio-greyscale-imagebox-issue#post-92098 Thu, 17 Jan 2013 18:35:18 +0000 foodieq 92098@http://www.kriesi.at/support/ <p>Hi,<br /> The above code solved the issue of the small greyscale thumbnail image size. However, the color thumbnails that shows up when pointer hovers over does not match the greyscale image on top (The overall size is now the same, but the color version appears to be rescaled instead of the greyscale one that is cropped). Is there a way to add a code to tell the color thumbnails to crop instead of rescale?</p> <p>I also installed the simple-image-sizes plug-in. I believe that I have to set up a new image size to validate here. Could you let me know what "thumbnail-name" I should be using here to specify the crop dimension of the portfolio thumbnails to 245px x 200px?</p> <p>Thanks, </p> http://www.kriesi.at/support/topic/portfolio-greyscale-imagebox-issue#post-92054 Thu, 17 Jan 2013 11:59:59 +0000 Nick 92054@http://www.kriesi.at/support/ <p>Hi,</p> <p>I think the problem is that you changed image sizes but did not regenerate the thumbnails. If you want to keep the cool effect just add this<br /> <pre><code>#top #main .greyscale-image { width: 245px !important; height: 200px !important; }</code></pre> <p>But you really need to either install <a href="http://wordpress.org/extend/plugins/simple-image-sizes/" rel="nofollow">http://wordpress.org/extend/plugins/simple-image-sizes/</a> plugin, and 'regenerate these specific images. Or just delete the image in Media and upload it again. That should fix the issues.</p> <p>Thanks,</p> <p>Nick </p> http://www.kriesi.at/support/topic/portfolio-greyscale-imagebox-issue#post-91915 Wed, 16 Jan 2013 17:15:00 +0000 foodieq 91915@http://www.kriesi.at/support/ <p>Thanks for your reply. I added the code to the custom.css, but it still doesn't solve the issue. Was i suppose to change a setting to load this custom.css?<br /> The link to the portfolio is as follow.<br /> <a href="http://yuri-suzuki.com/wp/?page_id=22" rel="nofollow">http://yuri-suzuki.com/wp/?page_id=22</a><br /> Please help! </p> http://www.kriesi.at/support/topic/portfolio-greyscale-imagebox-issue#post-91811 Wed, 16 Jan 2013 07:56:29 +0000 Dude 91811@http://www.kriesi.at/support/ <p>Hey! </p> <p> Please add it to the very bottom of css/custom.css </p> <p> Regards,<br /> Peter </p> http://www.kriesi.at/support/topic/portfolio-greyscale-imagebox-issue#post-91794 Wed, 16 Jan 2013 03:09:48 +0000 foodieq 91794@http://www.kriesi.at/support/ <p><a href="http://yuri-suzuki.com/wp/" rel="nofollow">http://yuri-suzuki.com/wp/</a><br /> I am new to this - where in the .css file should I copy the codes above?<br /> Thanks, </p> http://www.kriesi.at/support/topic/portfolio-greyscale-imagebox-issue#post-91775 Tue, 15 Jan 2013 23:26:14 +0000 Ismael 91775@http://www.kriesi.at/support/ <p>Hi,</p> <p>Can you give us a link to your website?</p> <p>Try adding this on your custom.css</p> <pre><code>#top #main .greyscale-image { width: 100%!important; height: 100%!important; }</code></pre> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/portfolio-greyscale-imagebox-issue#post-91768 Tue, 15 Jan 2013 21:36:33 +0000 foodieq 91768@http://www.kriesi.at/support/ <p>Hi,<br /> The greyscale images on my portfolio imagebox are all showing slightly smaller than the color images, and you can see the larger color images underneath them at the bottom. Please help me correct this.<br /> Thanks, </p>