http://www.kriesi.at/support/tags/aspect-ratio Support Forum - Tag: aspect ratio - Recent Posts en-US Tue, 21 May 2013 12:18:38 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/replace-the-video-thumbnail-in-video-portfolio#post-112562 Tue, 21 May 2013 01:01:40 +0000 ftrasi 112562@http://www.kriesi.at/support/ <p>That works!! thanks </p> http://www.kriesi.at/support/topic/replace-the-video-thumbnail-in-video-portfolio#post-112486 Mon, 20 May 2013 16:31:35 +0000 Devin 112486@http://www.kriesi.at/support/ <p>Hi ftrasi,</p> <p>Yes, in the slideshow editor for that portfolio item just click on the icon of the movie reel (after inserting the link to your video). A window will appear that allows you to set the thumbnail for the video.</p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/replace-the-video-thumbnail-in-video-portfolio#post-112417 Mon, 20 May 2013 12:11:17 +0000 ftrasi 112417@http://www.kriesi.at/support/ <p>Hi Ismael,<br /> That way the link will go directly to Youtube, out of my site. I would like to replace only the thumbnail not the behavior of portfolio, the ajax box works ok. </p> http://www.kriesi.at/support/topic/replace-the-video-thumbnail-in-video-portfolio#post-112302 Mon, 20 May 2013 02:31:51 +0000 Ismael 112302@http://www.kriesi.at/support/ <p>Hi,</p> <p>Instead of adding a video, try to add an image then set the link to manual. Add the youtube url.</p> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/replace-the-video-thumbnail-in-video-portfolio#post-112230 Sun, 19 May 2013 17:07:39 +0000 ftrasi 112230@http://www.kriesi.at/support/ <p>Is there any way to replace portfolio video thumbnails (linked from Youtube) for custom images? My site is <a href="http://puntomov.com/nuevo/" rel="nofollow">http://puntomov.com/nuevo/</a></p> <p>I know I could replace these thumbnails directly in Youtube, but I have produced videos in 4:3 and 16:9 and their aspect can't be chaged in this way. </p> <p>Thanks </p> http://www.kriesi.at/support/topic/centering-accordion-thumbnail#post-94260 Thu, 31 Jan 2013 07:11:53 +0000 Dude 94260@http://www.kriesi.at/support/ <p>Hi! </p> <p> Ok, I marked this thread as resolved. </p> <p> Best regards,<br /> Peter </p> http://www.kriesi.at/support/topic/centering-accordion-thumbnail#post-94183 Wed, 30 Jan 2013 16:54:46 +0000 azimpact 94183@http://www.kriesi.at/support/ <p>The thumbnails are not centered on the demo site. Look at the balloon. All the thumbnails align to the left.</p> <p>No worries, I stripped out the featured function and used the same effect as the link I posted that does center the thumbnails. </p> http://www.kriesi.at/support/topic/centering-accordion-thumbnail#post-93852 Tue, 29 Jan 2013 03:41:41 +0000 Ismael 93852@http://www.kriesi.at/support/ <p>Hi azimpact,</p> <p>You can check the demo site: <a href="http://www.kriesi.at/themes/newscast/" rel="nofollow">http://www.kriesi.at/themes/newscast/</a></p> <p>As you can see in the demo site, if the mouse is not hovered on the accordion thumbnails, by default those thumbnails/images are centered. Can you post a link to your site? so we can check it further.</p> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/centering-accordion-thumbnail#post-93816 Mon, 28 Jan 2013 20:31:24 +0000 azimpact 93816@http://www.kriesi.at/support/ <p>Not the approach I'm looking for.</p> <p>I want them centered like this does :http://humanreconstruction.com/</p> <p>In fact, when I bought this theme I thought I was getting that one. My fault for not paying attention. Won't happen again.</p> <p>I'm stripping out this themes accordion and am going to add that themes which uses kwicks.</p> <p>Not the ideal approach since the theme won't center thumbnails and I can't get a refund, I really have no choice.</p> <p>Thanks. </p> http://www.kriesi.at/support/topic/centering-accordion-thumbnail#post-93365 Fri, 25 Jan 2013 09:18:01 +0000 Nick 93365@http://www.kriesi.at/support/ <p>Hi,</p> <p>I wrote a lengthy answer below, but after re-reading your post a number of times i am no longer certain what it is that you are asking. Please look at the demo site <a href="http://www.kriesi.at/themes/newscast/" rel="nofollow">http://www.kriesi.at/themes/newscast/</a> , and run your mouse over the images in the accordion (i am guessing by your last sentence that is what you were talking about? though i am not sure where thumbnail comes into play). </p> <p>Plan A) *the easy way* Using FTP , find the image in the folder on your server that you do not like, and replace it with an image that you like which you already cropped, resized yourself using photoshop., replacing the old with the new.</p> <p><strong>Warning: Algebra, Formulas Ahead</strong></p> <p>[I hope your Algebra/Geometry teachers used to tell the class ; 'Why can't you all be as smart as ____(fill in your name)]</p> <p>Plan B)<br /> Always upload images bigger than the size you want those images to shrink down to. So if you are uploading images whose thumbnails you want to be 700 x 320 , then both the width of the image you upload must be bigger then 720 and the height of the image you upload must be bigger then 320. *BUT* the aspect ratio of the image you upload *must* also be identical to the aspect ratio you want your thumbnail to be. This would require for you to use photoshop or a similar program to make sure that you resize or crop if necessary the image.</p> <p>You can use the standard proportion formula to plug in the number and solve for x (or use a calculator online ). You need the height and width of your ideal size (what you want the image you upload to become). And you need either the height or the width of your current image you will be uploading. After you enter those 3 numbers into the formula, and solve, it will give you the size of the width or height your current image needs to get cropped to in order to be proportional to the perfecrt/ideal image and not get cropped by Wordpress. </p> <p><strong>The Math: Proportions</strong></p> <p> (get the pocket protector out and put on the bifocals) </p> <p>You will first need to figure out how to crop /resize your image in order to make it proportional to your perfect sized image prior to upload (remember it must be bigger) , so you will need to pick either height or width (up to you) that will be cropped.</p> <p>perfect height / perfect width = current height of image i will upload (no crop) / X (what my width should be cropped to)<br /> or<br /> perfect height / perfect width = X (what my height should be cropped to) / current width of image i will upload (no crop)</p> <p><strong> Example Exercise 1: Algebra use in Real World</strong></p> <p>Your image before upload is 490x200 and you want the thumbnail (ideal size) to be 100x50. You dont want to crop the 200 (height) but are ok to crop some of the 490 (width) and are not sure how much needs to be removed so your image becomes proportional:</p> <p> (100/50) = (x/200) is (100*200)/50 = 400 ;;; an image 100x50 is proportional to an image 400x200 so if your image is 490x200, you must remove 90 pixels from the height, or wordpress will do it for you. (Of course since you are removing the height yourself you can remove 20 from the top and 70 from the bottom or whichever way makes the most sense). </p> <p>If x is identical to the size of your image that you left out after you solved, then your image is already proportional to the ideal size and you should do nothing but upload it..</p> <p>Class dismissed, and don't forget to read pages 34 to 190 for a surprise quiz tomorrow. </p> <p>Thanks,</p> <p>Nick </p> http://www.kriesi.at/support/topic/centering-accordion-thumbnail#post-93127 Thu, 24 Jan 2013 03:53:19 +0000 azimpact 93127@http://www.kriesi.at/support/ <p>I've found some posts about this over a year old and am wondering if I am missing something obvious.</p> <p>Is there a way center the thumbnail so that more of the image is shown prior to them mousing over it to see the full image? </p> <p>Right now, it shows everything starting from the left side so there is not a lot of image showing in thumbnail.</p> <p>kwicks accordion js does it so I'm sure it can be done, I just can't figure out how. </p> http://www.kriesi.at/support/topic/youtube-scale-issue#post-49559 Mon, 02 Apr 2012 16:55:08 +0000 Devin 49559@http://www.kriesi.at/support/ <p>Hi jdowney,</p> <p>Thanks for the additional bandaid fix :) I believe this was recently forwarded to Kriesi from another thread so I'll tag this to be looked when he gets a chance as well.</p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/youtube-scale-issue#post-49052 Thu, 29 Mar 2012 14:53:49 +0000 jdowney 49052@http://www.kriesi.at/support/ <p>We ran into the same problem with their Angular theme. They're using WP's oEmbed, which will let you add a max width and height (<a href="http://codex.wordpress.org/Embeds#Okay.2C_So_What_Sites_Can_I_Embed_From.3F)" rel="nofollow">http://codex.wordpress.org/Embeds#Okay.2C_So_What_Sites_Can_I_Embed_From.3F)</a>. So, you can try updating line 268 of helper-slideshow.php to [embed width="123" height="456"]...[/embed]. We tried it but it's not yet working. </p> <p>So for those of you who like duct-tape, open /css/slideshow.css, comment out height:340px and add a max-height: to whatever you need to get rid of the letter-box. We used 401px for super-widescreen video aspect ratios (given that the max-width is 930px).</p> <p>As @dude says, it has a lot to do with the aspect ratio the video was shot in. There's got to be a javascript somewhere that's calculating a ratio of 16:9 (common, but not the only standard) and adding it to the <ul> element style. I'll let the Kriesi guys figure out where that is.</ul> http://www.kriesi.at/support/topic/youtube-scale-issue#post-29884 Wed, 19 Oct 2011 18:03:20 +0000 aoken 29884@http://www.kriesi.at/support/ <p>Still no help............</p> <p>I have found the code with the wrong height in FireBug and it looks like it is being produced from cu3er_container_2D_caption</p> <p>No idea how to fix it myself, nothing in the Style.css changes the height of the video, just the position on the page.</p> <p>Please get on to this, the theme is awesome but this is a big glitch for anyone looking to put YouTube videos on their site who buys this theme. </p> http://www.kriesi.at/support/topic/youtube-scale-issue#post-28784 Thu, 06 Oct 2011 08:26:36 +0000 Dude 28784@http://www.kriesi.at/support/ <p>I think we've had one similiar report in the past. The embed object has the right size and isn't cropped (no css code, etc. resizes the video) so the content inside the flash object is only influenced by youtube. Maybe it depends on the aspect ratio of the video if black bars appear (youtube supports 16:9 only) or not. I'll ask Kriesi to look into it. Maybe he finds something.... </p> http://www.kriesi.at/support/topic/youtube-scale-issue#post-28781 Thu, 06 Oct 2011 08:03:15 +0000 aoken 28781@http://www.kriesi.at/support/ <p>Changing the height in the functions.php section makes no difference, I tried that before and you already suggested it in a previous response.</p> <p>Is no-one else having the same problems? Seams like it would be a universal issue for anyone using YouTube videos in this theme.... </p> http://www.kriesi.at/support/topic/youtube-scale-issue#post-28762 Thu, 06 Oct 2011 06:02:04 +0000 Dude 28762@http://www.kriesi.at/support/ <p>Yes - the slider has a height of 529px and the "other" video a height of 556px. Increase the slider/preview thumb height in functions.php and should get the same result. </p> http://www.kriesi.at/support/topic/youtube-scale-issue#post-28685 Wed, 05 Oct 2011 15:25:16 +0000 aoken 28685@http://www.kriesi.at/support/ <p>I still think it's something wrong with the slider code. </p> <p>Here is regular embed code in a text section. The video has no black side bars when played: <a href="http://www.propertyvideolisting.co.uk/" rel="nofollow">http://www.propertyvideolisting.co.uk/</a></p> <p>Here is the same YouTube video (not using embed code) in your slider: <a href="http://www.propertyvideolisting.co.uk/2011/10/05/22-new-wynd-montrose/" rel="nofollow">http://www.propertyvideolisting.co.uk/2011/10/05/22-new-wynd-montrose/</a></p> <p>The sliders height is too short and that is causing the video to scale in and show the black bars at the side. </p> http://www.kriesi.at/support/topic/youtube-scale-issue#post-27254 Sun, 18 Sep 2011 08:27:04 +0000 Dude 27254@http://www.kriesi.at/support/ <p>We use the embed shortcode function: <a href="http://codex.wordpress.org/Embeds" rel="nofollow">http://codex.wordpress.org/Embeds</a> to embed vimeo, youtube, etc. We can't influence the what the oembed protocol returns but we just add the output to our slider/theme code. </p> http://www.kriesi.at/support/topic/youtube-scale-issue#post-27232 Sat, 17 Sep 2011 22:33:26 +0000 aoken 27232@http://www.kriesi.at/support/ <p>I already tried adjusting that and it does not work. The height will not change.</p> <p>None of the YouTube buttons work either. Does the theme maybe need updated to suit the latest YouTube standards since they have been changed? </p> http://www.kriesi.at/support/topic/youtube-scale-issue#post-27219 Sat, 17 Sep 2011 19:03:47 +0000 Dude 27219@http://www.kriesi.at/support/ <p>Hey,<br /> you can adjust the slider size. I'm not sure if this will fix the youtube video aspect ratio problem. Open up functions.php and adjust following line/dimensions:<br /> <pre><code>$avia_config[&#39;imgSize&#39;][&#39;portfolio2&#39;] = array(&#39;width&#39;=&gt;460, &#39;height&#39;=&gt;260); // medium preview pic for 2 column portfolio and small 3d slider</code></pre> http://www.kriesi.at/support/topic/youtube-scale-issue#post-27104 Fri, 16 Sep 2011 00:01:18 +0000 aoken 27104@http://www.kriesi.at/support/ <p>I am having difficulty getting the YouTube videos in the sliders to scale property. When you press play, black bars appear down the side and I can't find out where to adjust the height of the video to fill it.</p> <p>Here is the site: <a href="http://www.propertyvideolisting.co.uk/" rel="nofollow">http://www.propertyvideolisting.co.uk/</a> </p> http://www.kriesi.at/support/topic/how-to-maintain-image-aspect-ratio-in-slider#post-5721 Thu, 30 Sep 2010 13:25:07 +0000 James Morrison 5721@http://www.kriesi.at/support/ <p>Hey,</p> <p>1.) The aspect ratio of images can only be adjusted by modifying the sizes of images generated in functions.php. Bear in mind that if you change the image sizes, this only affects images uploaded from that point onwards (ie existing images will use their existing sizes).</p> <p>2.) The only way to avoid this problem is to create images larger than or equal to the largest image size set in functions.php and upload them from there.</p> <p>James </p> http://www.kriesi.at/support/topic/how-to-maintain-image-aspect-ratio-in-slider#post-5549 Mon, 27 Sep 2010 07:03:41 +0000 whatson 5549@http://www.kriesi.at/support/ <p>Hi, a couple questions regarding the slider:</p> <p>1. In the case of images smaller than the slider, how do I maintain aspect ratio?</p> <p>Currently images are stretched sideways, I need them enlarged to fill as much of the slider as possible without changing the aspect ratio. Obviously image quality may not be the best but that is acceptable, the distortion caused by this stretching, however, is something I really need to avoid.</p> <p>2. When images load that there is a "tiling" effect during transition, again when the images in question are smaller than the slider. How can this best be avoided?</p> <p>Thank you! </p>