http://www.kriesi.at/support/topic/portfolio-item-thumbnail-stretched-cropped Support Forum - Topic: Portfolio item thumbnail stretched / cropped en-US Tue, 21 May 2013 13:07:48 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/portfolio-item-thumbnail-stretched-cropped/page/2#post-42365 Sat, 18 Feb 2012 16:00:24 +0000 Dude 42365@http://www.kriesi.at/support/ <p>Yes - I already knew the tutorial (I even posted the link several times in the forum) but we can't include an option which requires wordpress hacks :-/<br /> As long as wp doesn't offer a native hook or parameter it doesn't make sense... </p> http://www.kriesi.at/support/topic/portfolio-item-thumbnail-stretched-cropped/page/2#post-42362 Sat, 18 Feb 2012 15:25:15 +0000 Martin from WaldWort digital publishing 42362@http://www.kriesi.at/support/ <p>I did not remember exactly what and where, but read about it being possible. Maybe it is not included in WP by default, but it is possible to change the point of reference, as described here by someone who also had clients bugging him for a solution... ;-)</p> <p><a href="http://shailan.com/781/how-to-change-post-thumbnail-crop-position-in-wordpress/" rel="nofollow">http://shailan.com/781/how-to-change-post-thumbnail-crop-position-in-wordpress/</a></p> <p>I'll have a closer look and maybe we can implement this on our own via child theme functions, at least as a site-wide setting, because for most scenarios it makes more sense to use the upper or lower part of the image. </p> http://www.kriesi.at/support/topic/portfolio-item-thumbnail-stretched-cropped#post-42355 Sat, 18 Feb 2012 15:03:35 +0000 Dude 42355@http://www.kriesi.at/support/ <p>To be honest I don't think we'll change the thumbnail resize functions anytime soon because I'm not aware of a wp function which allows you to "set the origin of the cropping". According to <a href="http://codex.wordpress.org/Function_Reference/the_post_thumbnail" rel="nofollow">http://codex.wordpress.org/Function_Reference/the_post_thumbnail</a> , <a href="http://codex.wordpress.org/Post_Thumbnails" rel="nofollow">http://codex.wordpress.org/Post_Thumbnails</a> , <a href="http://codex.wordpress.org/Function_Reference/set_post_thumbnail_size" rel="nofollow">http://codex.wordpress.org/Function_Reference/set_post_thumbnail_size</a> and <a href="http://codex.wordpress.org/Function_Reference/add_image_size" rel="nofollow">http://codex.wordpress.org/Function_Reference/add_image_size</a> there's no way to change the image section but only the size and cropping behaviour itself (which is already supported). </p> http://www.kriesi.at/support/topic/portfolio-item-thumbnail-stretched-cropped#post-42343 Sat, 18 Feb 2012 12:49:04 +0000 Martin from WaldWort digital publishing 42343@http://www.kriesi.at/support/ <p>Came across this thread because I have a similiar issue with the Abundance theme. </p> <p>Of course a theme developer can decide what he does include and what not, but the very "decisive" (to use a friendly word) reply from Kriesi is one year ago, the WP world is developing, and so are the needs of your customers. </p> <p>People get used to more sophisticated and versatile image handling in general and expect that from their themes. From your themes as well.</p> <p>If you do not want to change your framework - fine.</p> <p>But one very small thing that would not require to change the image handling of the avia framework in general, but would make an additional 30% of your user base happy (yes, there ARE users out there who do use portrait images, book covers, etc. on their sites... not just wide-screen style monkeys... ;-) ): </p> <p>How about including a setting in the theme options (or in the editor on a post by post basis) to set the origin of the cropping.<br /> WordPress supports that.<br /> If we could chose to have images cropped not in the middle, but e.g. the upper or lower part, things would be way better, e.g. book covers would not look randomly destroyed... </p> <p>cheers<br /> Martin </p> http://www.kriesi.at/support/topic/portfolio-item-thumbnail-stretched-cropped#post-38440 Mon, 23 Jan 2012 07:50:19 +0000 Dude 38440@http://www.kriesi.at/support/ <p>Hey,<br /> The menu columns have a width of 200px. Make sure that your images will fit into it, otherwise they'll be distorted. You can try to adjust the thumbnails height in functions.php - this can be very useful if the aspect ratio varies from the predefined thumbnails. Afterwards regenerate the thumbnails with the "regenerate thumbnails plugin". </p> http://www.kriesi.at/support/topic/portfolio-item-thumbnail-stretched-cropped#post-38412 Sun, 22 Jan 2012 21:36:53 +0000 JoniHankin 38412@http://www.kriesi.at/support/ <p>I too am having resizing of thumbnail problems. The thumbnail is large and not sized properly, neither is the image in the portfolio, post, or page, all are enlarged slightly distorting the picture. This is why I bought this theme, to use the thumbnails as menu items. I have used the regenerate thumbnails plugin, didn't help. I sure hope you can help.</p> <p>I am using Brightbox, and WP 3.3 </p> <p>Thank you very much! </p> http://www.kriesi.at/support/topic/portfolio-item-thumbnail-stretched-cropped#post-5848 Sat, 02 Oct 2010 07:44:12 +0000 Dude 5848@http://www.kriesi.at/support/ <p>You can set special sized thumbnails as portfolio preview images. Go to your post/page editor where you can create portfolio items and you'll see the options field on the right side where you can enter a path to your correct sized thumbnails. </p> http://www.kriesi.at/support/topic/portfolio-item-thumbnail-stretched-cropped#post-5813 Fri, 01 Oct 2010 15:43:41 +0000 zannasf 5813@http://www.kriesi.at/support/ <p>I'm wondering if I could get a little help, I'm very new to this, but do understand some coding if necessary.... I have my portfolio images, their original size is 850 x 400. When I set the parameters to show 3 columns, the images are reduced is size (naturally), however, it is not reducing the size, it is cropping the size, so I am only getting the center of the image, when what I really want is just a smaller size of the entire image to be displayed. </p> <p>Is this possible? Any help would be greatly greatly appreciated. </p> http://www.kriesi.at/support/topic/portfolio-item-thumbnail-stretched-cropped#post-5492 Sun, 26 Sep 2010 07:19:53 +0000 Dude 5492@http://www.kriesi.at/support/ <p>Yes, you need to generate a new cufon file at <a href="http://cufon.shoqolate.com/generate/" rel="nofollow">http://cufon.shoqolate.com/generate/</a> - afterwards follow Kriesis tutorial here: <a href="http://www.kriesi.at/support/topic/cufon" rel="nofollow">http://www.kriesi.at/support/topic/cufon</a> </p> http://www.kriesi.at/support/topic/portfolio-item-thumbnail-stretched-cropped#post-5476 Sat, 25 Sep 2010 17:28:44 +0000 genesiscom 5476@http://www.kriesi.at/support/ <p>James or Kriesi,</p> <p>I looked at a glyph chart for Cardo (<a href="http://www.abstractfonts.com/font/11390" rel="nofollow">http://www.abstractfonts.com/font/11390</a>) and it seems to have tons of glyphs, but they don't all show up on my Avisio site. I saw a thread to expand the fonts available for a Cleancut theme. Would the process be the same for Avisio? Cardo does not display basic punctuation on Avisio.</p> <p>Thanks!</p> <p>genesiscom </p> http://www.kriesi.at/support/topic/portfolio-item-thumbnail-stretched-cropped#post-5156 Sun, 19 Sep 2010 22:03:42 +0000 Kriesi 5156@http://www.kriesi.at/support/ <p>Hello!<br /> First of all I am sorry that you had to wait that long for an answer.<br /> Second: That "crappy Image handling" has worked for about 15000 customers of mine. I know that there are limitations to this system but overal I think there are a lot more people out there who dont want different sized images and don't want to waste a second thought about the uploaded images, so I am sorry but I have to decline, there wont be any changes to this system. </p> <p>Sincere appologies once again for the long delay just to hear that the feature wont be added.<br /> Best regards</p> <p>Kriesi </p> http://www.kriesi.at/support/topic/portfolio-item-thumbnail-stretched-cropped#post-5005 Fri, 17 Sep 2010 07:45:03 +0000 Siebenstein 5005@http://www.kriesi.at/support/ <p>Dear Avisio support team,</p> <p>it's been more than a month since I bought your theme.<br /> Unfortunately I soon got into trouble with images featured in the portfolio.<br /> <strong>It looks like Avisio is not capable of handling varying aspect ratios (landscape as well as portrait format).</strong></p> <p>I'd like to express my frustrations with your support, since I even pointed you to the few weak points in your code!<br /> All I asked for was an adjustment of the CSS... and I still did not get an answer saying whether or not you are going to fix the crappy image handling.<br /> <strong>I've been told this was on Kriesi's todo list last week... as well as the week before last - I've spend enough money and (even more annoying) time, to deserve a decision in this concern soon!</strong><br /> I ask you one more time to get into contact with me, I'm really tired of this uncertainly waiting... </p> http://www.kriesi.at/support/topic/portfolio-item-thumbnail-stretched-cropped#post-4897 Thu, 16 Sep 2010 11:59:45 +0000 James Morrison 4897@http://www.kriesi.at/support/ <p>Hey,</p> <p>For the image alignment, you'd have to edit the image and add white space to the left and right of the book to centre it, WordPress won't do it for you :(</p> <p>For the missing ' - by the looks of it, the font doesn't include that character: <a href="http://www.cufonfonts.com/en/font/71/cardo" rel="nofollow">http://www.cufonfonts.com/en/font/71/cardo</a> You would need to find another similar font to use, try <a href="http://www.fontsquirrel.com/">Font Squirrel</a> for a wide selection.</p> <p>James </p> http://www.kriesi.at/support/topic/portfolio-item-thumbnail-stretched-cropped#post-4806 Wed, 15 Sep 2010 13:32:21 +0000 genesiscom 4806@http://www.kriesi.at/support/ <p>James, one more thing... I can't get the apostrophe ( ' ) to show up on the single portfolio pages:</p> <p><a href="http://christian-publishing.net/category/portfolio/gods-changing-room" rel="nofollow">http://christian-publishing.net/category/portfolio/gods-changing-room</a></p> <p>I've tried &rsquo; </p> <p>Thanks!<br /> genesiscom </p> http://www.kriesi.at/support/topic/portfolio-item-thumbnail-stretched-cropped#post-4788 Wed, 15 Sep 2010 10:37:09 +0000 genesiscom 4788@http://www.kriesi.at/support/ <p>Thanks, James. That worked great. How do I center the book cover image instead of having it positioned to the left relative to the page wording?</p> <p><a href="http://christian-publishing.net/books/ministry-study-books" rel="nofollow">http://christian-publishing.net/books/ministry-study-books</a></p> <p><a href="http://christian-publishing.net/category/portfolio/the-revelation-project" rel="nofollow">http://christian-publishing.net/category/portfolio/the-revelation-project</a> </p> <p>genesiscom </p> http://www.kriesi.at/support/topic/portfolio-item-thumbnail-stretched-cropped#post-4728 Tue, 14 Sep 2010 17:10:01 +0000 James Morrison 4728@http://www.kriesi.at/support/ <p>Hey,</p> <p>The image border on the Portfolio pages can be reduced or removed but there are quite a few steps to complete this. Before you start, bear in mind that the image size needs adjusting in functions.php and this requires all your existing images to be re-uploaded because WordPress resizes them when you upload them according to the sizes set.</p> <p>To reduce the border size:</p> <p>1.) Open up style.css and change:</p> <pre><code>#top .framed img { /* line 1534 */ padding: 6px; }</code></pre> <p>reducing the 6px as appropriate (eg to 3px).</p> <p>2.) Open up functions.php and find this code:</p> <pre><code>$k_option[&#39;custom&#39;][&#39;imgSize&#39;][&#39;M&#39;] = array(&#39;width&#39;=&gt;192, &#39;height&#39;=&gt;130); // medium preview pic for portfolio with 4 columns $k_option[&#39;custom&#39;][&#39;imgSize&#39;][&#39;M3&#39;] = array(&#39;width&#39;=&gt;274, &#39;height&#39;=&gt;170); // medium preview pic for portfolio with 3 columns $k_option[&#39;custom&#39;][&#39;imgSize&#39;][&#39;M2&#39;] = array(&#39;width&#39;=&gt;436, &#39;height&#39;=&gt;230); // medium preview pic for portfolio with 2 columns $k_option[&#39;custom&#39;][&#39;imgSize&#39;][&#39;L&#39;] = array(&#39;width&#39;=&gt;574, &#39;height&#39;=&gt;268); // image for blog posts and 1 column portfolio</code></pre> <p>Depending on which portfolio layout you chose, you need to adjust one (or more) of the width and height values. For whatever value you reduced the padding by in step 1, add double the value to the width. eg If you reduce 6px to 3px in step 1, you need to change width 192 (for 4 columns) to width 198 and height from 130 to 136.</p> <p>3.) Re-upload the images for your Portfolio entries - if you don't the images will appear stretched.</p> <p>To remove the image border completely, including the background image:</p> <p>1.) Open up style.css and change:</p> <pre><code>#top .framed img { /* line 1534 */ padding: 6px; }</code></pre> <p>to </p> <pre><code>#top .framed img { /* line 1534 */ padding: 0; }</code></pre> <p>2.) Open up /css/style1.css (or whichever style you chose), find and delete this code:</p> <pre><code>.framed span { background:url(&quot;../images/skin1/bg_gradiant_image.png&quot;) repeat-x scroll left bottom #FFFFFF; border:1px solid #E1E1E1; }</code></pre> <p>and:</p> <pre><code>.framed_one_third { background:url(&quot;../images/skin1/framed_one_third.png&quot;) repeat-x scroll center bottom #FFFFFF; }</code></pre> <p>3.) Open up functions.php and adjust the images' height and width to be 12px larger than the default.</p> <p>4.) Re-upload your images, if you don't they will appear stretched.</p> <p>Let me know if you get stuck or need clarification on anything.</p> <p>James </p> http://www.kriesi.at/support/topic/portfolio-item-thumbnail-stretched-cropped#post-4634 Mon, 13 Sep 2010 16:26:40 +0000 Siebenstein 4634@http://www.kriesi.at/support/ <p>*bump* come on... ! </p> http://www.kriesi.at/support/topic/portfolio-item-thumbnail-stretched-cropped#post-4472 Fri, 10 Sep 2010 13:42:43 +0000 genesiscom 4472@http://www.kriesi.at/support/ <p>James, is there a way to remove the image border on portfolio pages? Or, make it narrower? Thanks! </p> http://www.kriesi.at/support/topic/portfolio-item-thumbnail-stretched-cropped#post-4376 Thu, 09 Sep 2010 15:08:55 +0000 James Morrison 4376@http://www.kriesi.at/support/ <p>Hey,</p> <p>This is still marked for Kriesi's attention, I imagine he'll provide an update he can.</p> <p>James </p> http://www.kriesi.at/support/topic/portfolio-item-thumbnail-stretched-cropped#post-4258 Wed, 08 Sep 2010 07:02:06 +0000 Siebenstein 4258@http://www.kriesi.at/support/ <p>I'm sorry genesiscom, but I still expect Kriesi to fix this issue for us...<br /> <strong>In the meantime two weeks have passed and I got very little support - I'd really like Kriesi or his staff to make a decision in this concern and finally inform me!</strong> I'm quite disappointed about the way things are going here, since the support forum was one of the reasons I bought Avisio, too.<br /> <strong>@Kriesi: Bitte lass mich nicht noch länger hängen, eine zeitnahe Rückmeldung halte ich für angebracht!</strong> </p> http://www.kriesi.at/support/topic/portfolio-item-thumbnail-stretched-cropped#post-4147 Tue, 07 Sep 2010 00:43:15 +0000 genesiscom 4147@http://www.kriesi.at/support/ <p>Hi Siebenstein,</p> <p>Actually almost all of my images are book covers in the portrait orientation. So, other than the large slider images, I could live with all the others being tall. </p> <p>Do you know how to change the aspect ration in the style css for the border? or remove it entirely? </p> http://www.kriesi.at/support/topic/portfolio-item-thumbnail-stretched-cropped#post-3988 Sat, 04 Sep 2010 08:44:15 +0000 Siebenstein 3988@http://www.kriesi.at/support/ <p>Hi genesiscom,</p> <p>thank you for replying to this thread, I'm glad to see that others experience these problems as well!</p> <p>To answer your question: In order to remove the image border (or adjust its size) you have to change the CSS.<br /> Unfortunately this won't do the trick for you (as it doesn't do for me)... because <strong>Avisio currently only supports one fixed aspect ratio (predefined for each image size)</strong>. Since you also have horizontal (landscape) images besides the vertical (portrait) ones, the changes you did to functions.php fixed the vertical images, but broke the horizontal ones (as you can see here: <a href="http://christian-publishing.net/for-authors" rel="nofollow">http://christian-publishing.net/for-authors</a> ).</p> <p>As I've already pointed out above, it's quite easy to get WordPress to handle the images correct, but some extra CSS is needed. <strong>I hope Kriesi considers an update of this theme of address this issue soon...</strong> I'm still waiting for it and would like to know how things are going on! </p> http://www.kriesi.at/support/topic/portfolio-item-thumbnail-stretched-cropped#post-3981 Fri, 03 Sep 2010 23:56:31 +0000 genesiscom 3981@http://www.kriesi.at/support/ <p>Hello,</p> <p>I'm having a similar problem with portfolio images. I display books on my website &lt;http://christian-publishing.net/category/portfolio/through-the-eyes-of-god&gt; which need to be vertical (portrait). I changed the size of the images in the functions.php, then erased the shading in the shadow files. How do I get rid of the image border or, preferably, how do I change the size of the thin border line that extends past the book cover image on the portfolio page and the portfolio detail page?</p> <p>Thanks! </p> http://www.kriesi.at/support/topic/portfolio-item-thumbnail-stretched-cropped#post-3753 Mon, 30 Aug 2010 15:42:42 +0000 Siebenstein 3753@http://www.kriesi.at/support/ <p>Thank you very much for considering an update...<br /> I would greatly appreciate your efforts! </p> http://www.kriesi.at/support/topic/portfolio-item-thumbnail-stretched-cropped#post-3735 Mon, 30 Aug 2010 12:29:58 +0000 James Morrison 3735@http://www.kriesi.at/support/ <p>Hey,</p> <p>I'll ask Kriesi to comment as to whether the changes you request will be included in an update :)</p> <p>Cheers,<br /> James </p> http://www.kriesi.at/support/topic/portfolio-item-thumbnail-stretched-cropped#post-3609 Fri, 27 Aug 2010 13:43:44 +0000 Siebenstein 3609@http://www.kriesi.at/support/ <p>Hello James,</p> <p>thank you for not leaving me alone with this problem!</p> <p>I'm afraid but I think you still didn't quite understand what I'm talking of... obviously Avisio lacks support for images that have a bigger height than width (upright format). Because it basically crops top and bottom of the image until it matches the defined width and height (obviously landscape format). This is not only true for the upright - landscape conflict, but also affects all images that don't exactly match the defined aspect ratio!</p> <p>I have spend a lot of time searching for the source of this issue, and I can finally tell you that it is quite easy to resize the images correct. WordPress already cares about it! The last parameter of the function set_post_thumbnail_size() (lots_of_small_helpers.php : 202, 209) you're calling, determines whether to crop or zoom the image... and I would greatly encourage you to drop this parameter and let WordPress resize the images as needed. In addition to this you'd also have to change the timthumb parameter "zc=1" (kriesi_post_thumb.php : 55) to "zc=0".</p> <p>Unfortunately just resizing the images correct does not do the trick. Furthermore I'd really like you to adjust the CSS (of portfolio overview and portfolio items) in order to represent the change from fixed- to flexible (image-) size!<br /> I know this would cause some extra work, but honestly I have to tell you that this was what I expected when I paid $ 40 for this theme.<br /> Please don't get me wrong, I still love Avisio - this is meant to be a constructive criticism! </p> http://www.kriesi.at/support/topic/portfolio-item-thumbnail-stretched-cropped#post-3556 Thu, 26 Aug 2010 15:02:05 +0000 James Morrison 3556@http://www.kriesi.at/support/ <p>This is how WordPress handles images, they are resized according to the sizes set in functions.php.</p> <p>You can modify these values to maintain the ratio, but all your images will need re-uploading as well as the box shadow images needing adjusting (this is fairly easy and is included with the PSD).</p> <p>I'm sorry there's no easier solution. </p> http://www.kriesi.at/support/topic/portfolio-item-thumbnail-stretched-cropped#post-3470 Wed, 25 Aug 2010 06:38:15 +0000 Siebenstein 3470@http://www.kriesi.at/support/ <p>Hello James,</p> <p>thank you for your efforts!<br /> Unfortunately your hint did not work for me... I have done the following:</p> <p>1) manually resized an image to 940 x 440px,<br /> 2) upload and choose it as a preview picture of an portfolio item,<br /> 3) when I look at the portfolio item the image looks alright, but the portfolio overview shows a cropped image again.<br /> (No changes in any of the PHP or CSS files.)</p> <p>I wonder if the chosen settings for WordPress' Mediathek thumbnail size might conflict with your image handling?</p> <p>Why can't your handle images the way WordPress does? I have never had these issues before...<br /> Because my art does not always feature the same aspect ratio (ranging from about 3:2 to 4:3) and because the images have landscape format and upright format as well, I really need further help!<br /> I doubt that I can build my website without the support of flexible aspect ratios (which includes landscape - and upright format).</p> <p>Please let me know if you can understand my explanations and reproduce the stretching/cropping. </p> http://www.kriesi.at/support/topic/portfolio-item-thumbnail-stretched-cropped#post-3421 Tue, 24 Aug 2010 14:28:11 +0000 James Morrison 3421@http://www.kriesi.at/support/ <p>Hey, sorry for the delay there's a bit of a backlog which I'm clearing :)</p> <p>I've come across this "issue" already, the resized images don't maintain the same ratio for the full size, medium and small.</p> <p>I've gotten around this by uploading the images at 940px by 440px having cropped / resized to show the content I want to show. Without adjusting the sizes of the images (in functions.php) along with the background images you can't keep the same ratio throughout.</p> <p>Cheers,<br /> James </p> http://www.kriesi.at/support/topic/portfolio-item-thumbnail-stretched-cropped#post-3328 Mon, 23 Aug 2010 17:00:13 +0000 Siebenstein 3328@http://www.kriesi.at/support/ <p>Come on I'm still waiting for this!<br /> Please tell me, if you can't understand what I'm talking of ... </p>