Support Forum - Tag: Image resize

Support Forum - Tag: Image resize - Recent Posts http://www.kriesi.at/support/tags/image-resize Support Forum - Tag: Image resize - Recent Posts en-US Sun, 19 May 2013 23:02:58 +0000 http://bbpress.org/?v=1.0.2 <![CDATA[Search]]> q http://www.kriesi.at/support/search.php Devin on "Image in Mega Menu not being resized in IE" http://www.kriesi.at/support/topic/image-in-mega-menu-not-being-resized-in-ie#post-101507 Fri, 15 Mar 2013 17:06:30 +0000 Devin 101507@http://www.kriesi.at/support/ Glad we could help :) Let us know if you have any other questions or issues. Regards, Devin anniet on "Image in Mega Menu not being resized in IE" http://www.kriesi.at/support/topic/image-in-mega-menu-not-being-resized-in-ie#post-101314 Thu, 14 Mar 2013 15:40:17 +0000 anniet 101314@http://www.kriesi.at/support/ HI Nick, Thanks a lot ! Nick on "Image in Mega Menu not being resized in IE" http://www.kriesi.at/support/topic/image-in-mega-menu-not-being-resized-in-ie#post-101313 Thu, 14 Mar 2013 15:26:27 +0000 Nick 101313@http://www.kriesi.at/support/ HI, For your first problem. overflow:hidden; may be needed someplace, though I took a look in IE9/win7 and I don't see anything like what you describe <a href="http://i.imgur.com/wvMyx1M.jpg" rel="nofollow">http://i.imgur.com/wvMyx1M.jpg</a> ----- shopping cart Please add the following css block to the bottom of the /css/custom.css file; OR to Quick CSS located in the admin area of Abundance > Theme Options > Styling ... the text area at the bottom of that page: <pre><code>#top .cart_dropdown { display: none; }</code></pre> the removal of the overlays over product item thumbnails will require you to find lines 350-358 in the /woocommerce-config/config.php file within the theme which look like <pre><code>echo "<div class='thumbnail_container'>"; echo "<div class='thumbnail_container_inner'>"; echo get_the_post_thumbnail( get_the_ID(), 'shop_catalog' ); echo $link; echo "<a class='button show_details_button $extraClass' href='".get_permalink($post->ID)."'>".__('Show Details','avia_framework')."</a>"; if(!empty($rating)) echo "".$rating.""; echo "</div>"; echo "</div>";</code></pre> and replace them with this <pre><code>echo "<div class='thumbnail_container'>"; echo "<div class='thumbnail_container_inner'>"; echo "<a class='btnsb $extraClass' href='".get_permalink($post->ID)."'>".get_the_post_thumbnail( get_the_ID(), 'shop_catalog' )."</a>"; if(!empty($rating)) echo "".$rating.""; echo "</div>"; echo "</div>";</code></pre> Thanks, Nick gpogioli on "Image in Mega Menu not being resized in IE" http://www.kriesi.at/support/topic/image-in-mega-menu-not-being-resized-in-ie#post-101031 Wed, 13 Mar 2013 06:53:29 +0000 gpogioli 101031@http://www.kriesi.at/support/ Hi guys, I am having an issue where an image that I have included in one of the columns of my mega menu is not being contained within the width of the column but is instead expanded to full resolution (but this is only happening in the IE browser). Obviously this is a CSS issue with IE but not sure how to target this menu item in order to keep the image from overrunning the whole page. <a href="http://www.hotelsptac.com" rel="nofollow">http://www.hotelsptac.com</a> Also, my client doesn't want the shopping cart function of woocommerce (I am only using it for the product gallery aspect), and I would like to know how to eliminate the shopping cart icon in the upper right corner of the Abundance theme, as well as the add to cart function that appears when hovering over a product thumbnail? Thanks in advance! Devin on "Image resize bug in IE and FF" http://www.kriesi.at/support/topic/image-resize-bug-in-ie-and-ff#post-97824 Thu, 21 Feb 2013 14:18:14 +0000 Devin 97824@http://www.kriesi.at/support/ Yep, now that we've finally found the root of it :) Regards, Devin halasyt on "Image resize bug in IE and FF" http://www.kriesi.at/support/topic/image-resize-bug-in-ie-and-ff#post-97709 Wed, 20 Feb 2013 19:12:26 +0000 halasyt 97709@http://www.kriesi.at/support/ Great, this one worked, thanks for the support! Will you add this to the next update, so I don't have to modify the file with each update? Best, Tom Devin on "Image resize bug in IE and FF" http://www.kriesi.at/support/topic/image-resize-bug-in-ie-and-ff#post-97417 Tue, 19 Feb 2013 13:24:54 +0000 Devin 97417@http://www.kriesi.at/support/ Okay, this should be the final change. You'll need to edit one of the theme files via FTP however. Open js>avia.js in the theme files and then search for this line: <pre><code>if(!a.css('position') || a.css('position') == 'static') { a.css({position:'relative', display:'inline-block'}); }</code></pre> It should be line 1137ish. Change it to: <pre><code>if(!a.css('position') || a.css('position') == 'static') { a.css({position:'relative', display:'block'}); }</code></pre> The issue is how IE and FF render max width inside an inline block (the link). You can remove the other css we've given as this should allow the proper max width to take effect. Regards, Devin halasyt on "Image resize bug in IE and FF" http://www.kriesi.at/support/topic/image-resize-bug-in-ie-and-ff#post-97412 Tue, 19 Feb 2013 12:39:56 +0000 halasyt 97412@http://www.kriesi.at/support/ And I just noticed in IE8, images linked to themselves don't appear at all. It appears for a split second, than it disappears. halasyt on "Image resize bug in IE and FF" http://www.kriesi.at/support/topic/image-resize-bug-in-ie-and-ff#post-97389 Tue, 19 Feb 2013 07:55:57 +0000 halasyt 97389@http://www.kriesi.at/support/ Hi, now the original problem is back in FF and IE: <a href="http://dev.theguitarlesson.com/2013/02/18/test/" rel="nofollow">http://dev.theguitarlesson.com/2013/02/18/test/</a> Dude on "Image resize bug in IE and FF" http://www.kriesi.at/support/topic/image-resize-bug-in-ie-and-ff#post-97369 Tue, 19 Feb 2013 06:14:42 +0000 Dude 97369@http://www.kriesi.at/support/ Hey! Try following code instead: <pre><code>.firefox img, .firefox a img{ max-width: 98% !important; } .msie9 img, .msie9 a img{ max-width: 98% !important; }</code></pre> Regards, Peter halasyt on "Image resize bug in IE and FF" http://www.kriesi.at/support/topic/image-resize-bug-in-ie-and-ff#post-97286 Mon, 18 Feb 2013 18:07:52 +0000 halasyt 97286@http://www.kriesi.at/support/ Ohoh, a new bug has emerged, if you insert a smaller image than the div width, it gets enlarged in IE and FF. I guess the result of the 98% width property setting: <a href="http://dev.theguitarlesson.com/2013/02/18/test/" rel="nofollow">http://dev.theguitarlesson.com/2013/02/18/test/</a> halasyt on "Image resize bug in IE and FF" http://www.kriesi.at/support/topic/image-resize-bug-in-ie-and-ff#post-97284 Mon, 18 Feb 2013 17:44:24 +0000 halasyt 97284@http://www.kriesi.at/support/ Oh you're right, it was that missing bracket, thanks for your patience! Devin on "Image resize bug in IE and FF" http://www.kriesi.at/support/topic/image-resize-bug-in-ie-and-ff#post-97258 Mon, 18 Feb 2013 15:40:51 +0000 Devin 97258@http://www.kriesi.at/support/ We have no access to the demo site so we can't test fixes on them. On my test install, the css works for IE9 and now that the site isn't serving a cached version of itself the browser class is getting added into the html so the fix should take effect. It looks like you missed a bracket when adding in the css so only the firefox bit actually processing. What you have is: <pre><code>.firefox img, .firefox a img{ width: 98%; .msie9 img, .msie9 a img{ width: 98%; }</code></pre> It should be: <pre><code>.firefox img, .firefox a img{ width: 98%; } .msie9 img, .msie9 a img{ width: 98%; }</code></pre> As it is, the fix will be going out in the next update. Regards, Devin halasyt on "Image resize bug in IE and FF" http://www.kriesi.at/support/topic/image-resize-bug-in-ie-and-ff#post-97252 Mon, 18 Feb 2013 15:25:49 +0000 halasyt 97252@http://www.kriesi.at/support/ The caching plugin was inactive, but I just deleted it totally, yet it's still not working in IE. But as I said, you don't need my installation for testing, this will happen on your own demo site as well. Devin on "Image resize bug in IE and FF" http://www.kriesi.at/support/topic/image-resize-bug-in-ie-and-ff#post-97229 Mon, 18 Feb 2013 13:50:48 +0000 Devin 97229@http://www.kriesi.at/support/ I think the issue is that the caching plugin you have active is preventing the wordpress code that attaches browser classes to the page to work. So instead of giving the IE version a MSIE9 or MSIE class, its just showing unknown. Try deviating wp-super-cache and then giving the page a few refreshes and see if that works. halasyt on "Image resize bug in IE and FF" http://www.kriesi.at/support/topic/image-resize-bug-in-ie-and-ff#post-97225 Mon, 18 Feb 2013 13:27:36 +0000 halasyt 97225@http://www.kriesi.at/support/ You can reproduce it on any live install of Choices, but here is a page: <a href="http://dev.theguitarlesson.com/2013/02/18/test/" rel="nofollow">http://dev.theguitarlesson.com/2013/02/18/test/</a> I just noticed that in category overview, it doesn't happen: <a href="http://dev.theguitarlesson.com/category/uncategorized/" rel="nofollow">http://dev.theguitarlesson.com/category/uncategorized/</a> Devin on "Image resize bug in IE and FF" http://www.kriesi.at/support/topic/image-resize-bug-in-ie-and-ff#post-97221 Mon, 18 Feb 2013 13:13:19 +0000 Devin 97221@http://www.kriesi.at/support/ Hey Tom, Can we take a look at the site live? Then see what needs to be adjusted with IE.\ Regards, Devin halasyt on "Image resize bug in IE and FF" http://www.kriesi.at/support/topic/image-resize-bug-in-ie-and-ff#post-97131 Sun, 17 Feb 2013 18:20:57 +0000 halasyt 97131@http://www.kriesi.at/support/ Hi, it worked for FF, but not IE. I tried capitalizing as you suggested in the article as well, but no cigar... Any other tips? Thanks! Tom Devin on "Image resize bug in IE and FF" http://www.kriesi.at/support/topic/image-resize-bug-in-ie-and-ff#post-96928 Fri, 15 Feb 2013 13:19:11 +0000 Devin 96928@http://www.kriesi.at/support/ Hi halasyt, Try the css I posted here: <a href="http://www.kriesi.at/support/topic/picture-size-pictures-are-squeezed-on-some-systems#post-95836" rel="nofollow">http://www.kriesi.at/support/topic/picture-size-pictures-are-squeezed-on-some-systems#post-95836</a> If this needs to be added to Choices as well, we'll include it in the next update. Regards, Devin halasyt on "Image resize bug in IE and FF" http://www.kriesi.at/support/topic/image-resize-bug-in-ie-and-ff#post-96919 Fri, 15 Feb 2013 12:36:24 +0000 halasyt 96919@http://www.kriesi.at/support/ The theme fails to resize images in IE and FF when you insert an image into a post and link it to itself (so that the gallery will take over and show it in a lightbox). You can reproduce this if you insert a wider image than the content area, and link it to itself. It works fine in Chrome, and also works if images aren't linked to themselves. Can you fix this please? Ismael on "Image Resizing for HomePage Slider" http://www.kriesi.at/support/topic/image-resizing-for-homepage-slider#post-71490 Fri, 17 Aug 2012 03:38:40 +0000 Ismael 71490@http://www.kriesi.at/support/ Hello, Yes, you need to regenerate or re-upload the images. Remove cache and reload the page. Regards, Ismael fxjunk on "Image Resizing for HomePage Slider" http://www.kriesi.at/support/topic/image-resizing-for-homepage-slider#post-71485 Fri, 17 Aug 2012 03:18:37 +0000 fxjunk 71485@http://www.kriesi.at/support/ Hi Ismael, I wanted the fullsize slider to display image size 950x450 so I tried changing the code under Theme functions.php : $avia_config['imgSize']['featured'] = array('width'=>950, 'height'=>450); // images for fullsize pages and fullsize slider However, it does not seems to work. Am I supposed to regenerate thumb-nail image or whatever? Does not seems logical to regenerate thumbnail image since I am using the full-size image.and not the thumbnail image. Best regards Ismael on "Image Resizing for HomePage Slider" http://www.kriesi.at/support/topic/image-resizing-for-homepage-slider#post-71329 Thu, 16 Aug 2012 06:27:18 +0000 Ismael 71329@http://www.kriesi.at/support/ Hi fxjunk, As far as I know, there is no option to that. The only thing you can do is to crop your image using an image editor and make all their sizes consistent. You can use this image size: 930 x 340px for the images in slider. Hope this helps. :) Regards, Ismael fxjunk on "Image Resizing for HomePage Slider" http://www.kriesi.at/support/topic/image-resizing-for-homepage-slider#post-71297 Thu, 16 Aug 2012 03:18:07 +0000 fxjunk 71297@http://www.kriesi.at/support/ Hi, I noticed that the Homepage slider will automatically resize the images I upload. What is the ideal image size to upload? If my image size is not identical or proportional to the ideal image size (of the slider), is there anyway I can change the slider settings so that it will not resize my images?