Support Forum - Tag: Images

Support Forum - Tag: Images - Recent Posts http://www.kriesi.at/support/tags/images Support Forum - Tag: Images - Recent Posts en-US Wed, 22 May 2013 23:08:18 +0000 http://bbpress.org/?v=1.0.2 <![CDATA[Search]]> q http://www.kriesi.at/support/search.php Nick on "Problems with images in replete theme" http://www.kriesi.at/support/topic/problems-with-images-in-replete-theme#post-113106 Wed, 22 May 2013 22:56:57 +0000 Nick 113106@http://www.kriesi.at/support/ Hi, The image in <a href="http://gracefuloccasions.net/product/nicki-flynn-amaryllis/#tab-reviews" rel="nofollow">http://gracefuloccasions.net/product/nicki-flynn-amaryllis/#tab-reviews</a> gets resized to 316 width 316 height. And there is only one way to make a square out of a rectangle, and it involves cutting. However there is another way. The best way to go about it, is to first install the Simple Image Sizes plugin ( <a href="http://wordpress.org/extend/plugins/simple-image-sizes/" rel="nofollow">http://wordpress.org/extend/plugins/simple-image-sizes/</a> ). The plugin will give you complete control over images: setting constraints for specific locations like blog, thumbnails, portfolio, gallery, shop, etc. along with the ability to set whether to crop an image or not in Settings > Media. Changing the dimensions of images does NOT automatically change all the images already uploaded but only affects new uploads. To change the sizes of images already uploaded, you will need to use the Regenerator - also a part of the Simple Image Sizes and found on the bottom of Settings Media. Don't forget that images scale down, so always upload images bigger (or the same) as the constraints you set in Settings > Media (with the plugin) or you will get blurry (stretched) or incomplete images. So you will need to go to your Settings > Media after isntalling , and find the size 'shop single' <a href="http://www.clipular.com/c?6494002=Q-uEws9HVMhHFsA3XpJnWSWsT4s&f=.png" rel="nofollow">http://www.clipular.com/c?6494002=Q-uEws9HVMhHFsA3XpJnWSWsT4s&f=.png</a> and make sure your settings are like that . You must upload images wider than 316px And that's it Thanks, Nick ligend on "Handle image linked event" http://www.kriesi.at/support/topic/handle-image-linked-event#post-112997 Wed, 22 May 2013 15:14:19 +0000 ligend 112997@http://www.kriesi.at/support/ Ok Devin now the avatar work fine, but if you try to mouseover in the icon INFO, what is beneath is moved down one or two pixels Devin on "Handle image linked event" http://www.kriesi.at/support/topic/handle-image-linked-event#post-112979 Wed, 22 May 2013 14:52:23 +0000 Devin 112979@http://www.kriesi.at/support/ Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files: <pre><code>#role-memberlist-4 .role-memberlist .username.photo { display: initial !important; }</code></pre> Its a quick fix that will force that widget to keep the initial value for the avatar photos and keep it from changing the layout. sheebah on "Problems with images in replete theme" http://www.kriesi.at/support/topic/problems-with-images-in-replete-theme#post-112887 Wed, 22 May 2013 09:07:31 +0000 sheebah 112887@http://www.kriesi.at/support/ Hi Guys, Hope you can help on this one! I'm uploading images to my site (gracefuloccasions.net) but as you can see on the homepage, the product images are all blurry! When I try to upload larger images, the models heads get cut off. The images appear fine when you're in the product page e.g. <a href="http://gracefuloccasions.net/product/nicki-flynn-amaryllis/" rel="nofollow">http://gracefuloccasions.net/product/nicki-flynn-amaryllis/</a> but the related product images are blurry again. Also, I'm wondering if its possible to remove the large image on the product category page e.g. <a href="http://gracefuloccasions.net/product-category/true-bride/" rel="nofollow">http://gracefuloccasions.net/product-category/true-bride/</a> Would appreciate any suggestions!!!! Thanks! ligend on "Handle image linked event" http://www.kriesi.at/support/topic/handle-image-linked-event#post-112738 Tue, 21 May 2013 19:01:00 +0000 ligend 112738@http://www.kriesi.at/support/ Hi Devin, sure ... on <a href="http://www.21dieci.it" rel="nofollow">http://www.21dieci.it</a> you can see this: bottom right sidebar. I use this plugin <a href="http://zourbuth.com/plugins/role-memberlist/" rel="nofollow">http://zourbuth.com/plugins/role-memberlist/</a> and the author wrote: Please ask your theme developer if they add a script to handle image linked event. In fact, before the mouseover the image, the code is: ------------------------------------------------------------------------------------ <code><a title="Email to <a href="mailto:xxxx@gmail.com">xxxx@gmail.com</a>" href="mailto:xxxx@gmail.com" class="url"><img src="http://www.21dieci.it/xxxxxx/images/email-profile.png" class="info-icon" ilo-full-src="http://www.21dieci.it/xxxxxx/images/email-profile.png"></a></code> ------------------------------------------------------------------------------------ after it becomes ... ------------------------------------------------------------------------------------ <code><a title="Email to <a href="mailto:xxxxx@gmail.com">xxxxx@gmail.com</a>" href="mailto:xxxxx@gmail.com" class="url" style="position: relative; overflow: hidden; display: inline-block;"><img src="http://www.21dieci.it/xxxxx/images/email-profile.png" class="info-icon" ilo-full-src="http://www.21dieci.it/xxxxxx/images/email-profile.png"></a></code> Thanks Devin on "Handle image linked event" http://www.kriesi.at/support/topic/handle-image-linked-event#post-112734 Tue, 21 May 2013 18:28:44 +0000 Devin 112734@http://www.kriesi.at/support/ Hi ligend, Can you give us an example of what you mean? Seeing something live so we can inspect the code or what plugin you are trying to use will help us to see if there is something we can assist with. Regards, Devin ligend on "Handle image linked event" http://www.kriesi.at/support/topic/handle-image-linked-event#post-112643 Tue, 21 May 2013 11:52:15 +0000 ligend 112643@http://www.kriesi.at/support/ Hi, please i have a big problem with other plugin widget with a linked images. The Enfold script add a property adn css of the all images and generate a graphic problem. How i can fix this? How i can disabled all Enfold effect for the images 3d plugin? Thanks Nick on "Blurry Portfolio Entry Images" http://www.kriesi.at/support/topic/blurry-portfolio-entry-images#post-112236 Sun, 19 May 2013 18:08:42 +0000 Nick 112236@http://www.kriesi.at/support/ @warmon you sent me an email and I answered you. Thanks, Nick warmon on "Blurry Portfolio Entry Images" http://www.kriesi.at/support/topic/blurry-portfolio-entry-images#post-112064 Fri, 17 May 2013 21:28:38 +0000 warmon 112064@http://www.kriesi.at/support/ Nick, can you please help me with problem close to Victoria had: I want to have 4 grig portfolio with images with fixed size of 200x200 px: <a href="http://www.kriesi.at/support/topic/portfolio-preview-200x200-px-with-fixed-size?replies=5#post-112063" rel="nofollow">http://www.kriesi.at/support/topic/portfolio-preview-200x200-px-with-fixed-size?replies=5#post-112063</a> Nick on "Blurry Portfolio Entry Images" http://www.kriesi.at/support/topic/blurry-portfolio-entry-images#post-112033 Fri, 17 May 2013 19:13:34 +0000 Nick 112033@http://www.kriesi.at/support/ Hi, In ajax, you again need to check simple image sizes, settings > media, and somewhere there is a directive on that page that crops your images to 440x344 (440 is what you should look for on that page) ...i think it is called 'featured', ...while the space allows for a width of 609 .. so do the same changes ... no crop, height 9999, and width 609 or however you've done it on the other page then regenerate. That should do the trick and make everything fall in place. Let us know how it went. Just remember to always upload images at least as wide or wider than the width you set. While you are at it, if you plan on *only* using portfolio thumbnail in 3 column format (as you are doing now) you can change the thumbnail image size as well because now it saves your thumbnails in 495x400 but the size of thumbnails when used in 3 columns is 309x249 . so find on settings>media 495x400 and change it to 309x249 (with crop), then regenerate. This will make the images not have to shrink down and google will rank you better for speed. Also be aware that each time you regenerate the quality of the image drops a tiny bit, so one is ok, but 10 times you will have an ugly blob of color. Thanks, Nick Viktoria on "Blurry Portfolio Entry Images" http://www.kriesi.at/support/topic/blurry-portfolio-entry-images#post-111952 Fri, 17 May 2013 15:26:36 +0000 Viktoria 111952@http://www.kriesi.at/support/ Hi Nick, you are amazing! It is sharp now, right size, right space below. Thank you very much. I ended up adding this code: <pre><code>#top.single-portfolio .container .eight.units { max-width:440px; } #top.single-portfolio body .unit.alpha,#top.single-portfolio body .units.alpha { width:100%; } #top.single-portfolio .single-portfolio-entry .post-entry { margin-right:auto; margin-left:auto; width:100%; } #top.single-portfolio .slideshow.fade_slider { height:100% !important; max-width: 440px; }</code></pre> Another question came up. What if, I want to display AJAX portfolio; Can we adjust the Ajax Portfolio image size to these settings (440px wide images)? <a href="http://www.theartsofsilence.com/gallery/" rel="nofollow">http://www.theartsofsilence.com/gallery/</a> Thanks a lot, Viktoria Nick on "Blurry Portfolio Entry Images" http://www.kriesi.at/support/topic/blurry-portfolio-entry-images#post-111673 Thu, 16 May 2013 15:06:00 +0000 Nick 111673@http://www.kriesi.at/support/ Hi, Please add this to the bottom of your custom.css <pre><code>#top.single-portfolio .container .eight.units { max-width: 610px; width: 23.6em; min-width: 23.6em; } #top.single-portfolio body .unit.alpha, #top.single-portfolio body .units.alpha { width: 100%; } #top.single-portfolio .single-portfolio-entry .post-entry { margin-right: auto; margin-left: auto; width: 100%; } #top.single-portfolio .slideshow.fade_slider { height: 100% !important; max-height: 610px; }</code></pre> You know, we need to make an adjustment, because otherwise, since every item is different proportions, its going to be insanity trying to get the overlay to fit. We need to set a constant width and let the height be variable. In simple image sizes, can you set the width at 610 and the height at 9999 (no crop set). This way the width will be consistent at 610 while the height will be proportional according to each painting size. You will need to run the regenerator on the bottom of Setttings > Media in order to regenerate the current images into the new size. Thanks, Nick Viktoria on "Blurry Portfolio Entry Images" http://www.kriesi.at/support/topic/blurry-portfolio-entry-images#post-111545 Thu, 16 May 2013 02:07:12 +0000 Viktoria 111545@http://www.kriesi.at/support/ Hi Nick, I found a solution for 2.) and 4.) problem by modifying your code like this: #top.single-portfolio .slideshow li img { width: auto !important; max-height: 610px !important; max-width: 610px !important; height: auto !important; } I still need to fix the - magnifying glass overlay and - the large white space below the images with portrait layout. exp: <a href="http://www.theartsofsilence.com/paintings/light-explosion/" rel="nofollow">http://www.theartsofsilence.com/paintings/light-explosion/</a> or <a href="http://www.theartsofsilence.com/paintings/the-dream/" rel="nofollow">http://www.theartsofsilence.com/paintings/the-dream/</a> Thanks a lot! All the best, Viktoria Viktoria on "Blurry Portfolio Entry Images" http://www.kriesi.at/support/topic/blurry-portfolio-entry-images#post-111454 Wed, 15 May 2013 19:12:08 +0000 Viktoria 111454@http://www.kriesi.at/support/ Obviously the problem originates from adding the code to the css. #top .slideshow li img { width: auto !important; max-height: 610px !important; max-width: 610px !important; height: auto !important; } Viktoria on "Blurry Portfolio Entry Images" http://www.kriesi.at/support/topic/blurry-portfolio-entry-images#post-111453 Wed, 15 May 2013 19:10:03 +0000 Viktoria 111453@http://www.kriesi.at/support/ Obviously the problem originates from adding the code to the css. #top .slideshow li img { width: auto !important; max-height: 610px !important; max-width: 610px !important; height: auto !important; } Viktoria on "Blurry Portfolio Entry Images" http://www.kriesi.at/support/topic/blurry-portfolio-entry-images#post-111428 Wed, 15 May 2013 16:57:26 +0000 Viktoria 111428@http://www.kriesi.at/support/ Hi Nick! Thank you for your advices! I did, what you suggested. It is not blurry anymore. However this action changed a few things: 1.) Hover effect on entries <a href="http://www.theartsofsilence.com/paintings/the-dream/" rel="nofollow">http://www.theartsofsilence.com/paintings/the-dream/</a>, please let me know how to fix it. 2.) Also hover on the gallery site is not in the middle and the ratio of the thumbnail pictures changed on 3 column portfolio. It is a more focused image now, only see a little part of the original image: <a href="http://www.theartsofsilence.com/gallery/" rel="nofollow">http://www.theartsofsilence.com/gallery/</a> 3.) <a href="http://www.theartsofsilence.com/paintings/the-dream/" rel="nofollow">http://www.theartsofsilence.com/paintings/the-dream/</a> - The white space below is extremely big. Can we do smtg about it? 4.) And the main page slideshow image sizes changed as well. The uploaded size of these images are 990x340. They were fine before I made these changes. Thanks again! Viktoria Ismael on "Customising the Slider Background and Borders" http://www.kriesi.at/support/topic/customising-the-slider-background-and-borders#post-110797 Mon, 13 May 2013 06:17:33 +0000 Ismael 110797@http://www.kriesi.at/support/ Hi, This is not perfect but this will get you started. Add this on your custom.css. <pre><code>.slideThumb { background: transparent url(../images/background/background.jpg) center no-repeat !important; padding: 15px 15px; border: none; margin-bottom: 0; } .style_border { display: none !important; } .thumbnail_wrap_vert .thumbnails_container .slideThumb { margin-bottom: 0; }</code></pre> You need to create your own background file. Regards, Ismael Nick on "Blurry Portfolio Entry Images" http://www.kriesi.at/support/topic/blurry-portfolio-entry-images#post-110620 Sun, 12 May 2013 02:49:03 +0000 Nick 110620@http://www.kriesi.at/support/ Hi, When something looks blurry its always for one of two reasons 1) You added an image smaller than the space provided for it. 2) You changed the aspect ratio of an image in an unnatural way. In your case on this page <a href="http://www.theartsofsilence.com/paintings/the-dream/" rel="nofollow">http://www.theartsofsilence.com/paintings/the-dream/</a> , you added an image of unknown size that was resized by wordpress to 392x930 when the space could fit an image 610x1447 , so naturally your image enlarged nearly by 100%, thereby making it look blurry and distorted. Remember to always use the biggest images possible because when an image shrinks, this blurriness doesn't happen. a) First lets install Simple Image Sizes plugin, <a href="http://wordpress.org/extend/plugins/simple-image-sizes/" rel="nofollow">http://wordpress.org/extend/plugins/simple-image-sizes/</a> , which will list all the theme's pre-set image sizes in Settings > Media , as well as allow you to set whether to crop an image or not. b) The image on this page <a href="http://www.theartsofsilence.com/paintings/the-dream/" rel="nofollow">http://www.theartsofsilence.com/paintings/the-dream/</a> falls under 'fullsize' 930x930 (no crop) That means that the image you upload will scale down (always upload images for this location where at least either width or height is greater than 930) c) I would instead change it to 610px x 610px. Since that is the space available. So you should upload images of 3 types, squares equal to or bigger than 610x610 , landscapes where the *width* is equal to or bigger than 610. and portraits, where *the width* is equal to or bigger than 610. If you do that, you will have no issues. d) If you are happy with those constraints just add the following to quick css located in Choices > Theme Options > Layout Styling ... the text area on the bottom of the page <pre><code>#top .slideshow li img { width: auto !important; max-height: 610px !important; max-width: 610px !important; height: auto !important; }</code></pre> Thanks, Nick mattyk1972 on "Customising the Slider Background and Borders" http://www.kriesi.at/support/topic/customising-the-slider-background-and-borders#post-110562 Sat, 11 May 2013 19:27:26 +0000 mattyk1972 110562@http://www.kriesi.at/support/ Hi there I was wondering if it was possible (and if so how) to make changes to the border and background of the secondary images in the main slider on the homepage. I want to try and use a customised border that is more in keeping with the rest of the site, and change the background of these images. Ideally, what we would like to do is create a customised border that looks the same for all three images, except it's a slightly different colour for the one that is 'active' in the main part of the slider. Is it possible and which files would I need to edit? I've attached an image to give you a better idea of what I'm looking to achieve. <a href="http://img826.imageshack.us/img826/2660/sliderscreenshot.jpg" rel="nofollow">http://img826.imageshack.us/img826/2660/sliderscreenshot.jpg</a> Thanks Devin on "Images look blurred !!" http://www.kriesi.at/support/topic/images-look-blurred#post-110403 Fri, 10 May 2013 16:49:34 +0000 Devin 110403@http://www.kriesi.at/support/ Glad we could help :) Let us know if you have any other questions or issues. Regards, Devin Viktoria on "Blurry Portfolio Entry Images" http://www.kriesi.at/support/topic/blurry-portfolio-entry-images#post-110367 Fri, 10 May 2013 14:25:56 +0000 Viktoria 110367@http://www.kriesi.at/support/ Hi, The images linked to the portfolio entries are all blurry, it looks very 'cheap'. I tried to upload different image sizes, but faced with the same problem. Once I click on the image, it is nice and sharp in the lightbox no matter what size is it. But the display in the entry is always blurry. There are few links to show the problem: <a href="http://www.theartsofsilence.com/paintings/the-dream/" rel="nofollow">http://www.theartsofsilence.com/paintings/the-dream/</a> <a href="http://www.theartsofsilence.com/paintings/infinity/" rel="nofollow">http://www.theartsofsilence.com/paintings/infinity/</a> (these 2 above are very narrow and long images - displays terribly) <a href="http://www.theartsofsilence.com/paintings/dancing-ribbons/" rel="nofollow">http://www.theartsofsilence.com/paintings/dancing-ribbons/</a> <a href="http://www.theartsofsilence.com/gallery/" rel="nofollow">http://www.theartsofsilence.com/gallery/</a> I am ready for any kind of help! I want to make these images attractive for the visitors. As they look right now, I'd rather run away :) Thank you in advance, Viktoria scheinbs on "Images look blurred !!" http://www.kriesi.at/support/topic/images-look-blurred#post-110275 Fri, 10 May 2013 06:19:52 +0000 scheinbs 110275@http://www.kriesi.at/support/ Perfect! Thank you for the support Ismael! I am really liking how fast things are coming together with this theme. Good work! -s Ismael on "Images look blurred !!" http://www.kriesi.at/support/topic/images-look-blurred#post-110232 Fri, 10 May 2013 02:45:22 +0000 Ismael 110232@http://www.kriesi.at/support/ Hi, It uses this thumbnail size. <code>$avia_config['imgSize']['gallery'] = array('width'=>710, 'height'=>575 ); // images for portfolio entries (2,3 column)</code> Change that to <code>$avia_config['imgSize']['gallery'] = array('width'=>666 , 'height'=>539 ); // images for portfolio entries (2,3 column)</code> This will resize it same size with the slider container assuming you have the same layout as this link <a href="http://www.kriesi.at/themes/enfold/portfolio-item/slider-two-third/" rel="nofollow">http://www.kriesi.at/themes/enfold/portfolio-item/slider-two-third/</a>. Regenerate the thumbnails. Don't use images smaller than the 666x539px. Regards, Ismael scheinbs on "Images look blurred !!" http://www.kriesi.at/support/topic/images-look-blurred#post-110185 Fri, 10 May 2013 00:04:13 +0000 scheinbs 110185@http://www.kriesi.at/support/ Still looking for an answer to this. Turns out, if it cannot be resolved I need to scrap about 20 hours of work and start with a new template, so the sooner I know the better. I think the main guy is on vacation? Either way I would expect (and hope) a reply would come within the same day. Just like dweb above, we are both eager for a solution to the very annoying problem. If an image looks bad because it's scaled, then my work looks bad, and the whole thing goes to pot! BUMP!!!!!!! :-) -Steve dweb on "Images look blurred !!" http://www.kriesi.at/support/topic/images-look-blurred#post-110044 Thu, 09 May 2013 12:00:17 +0000 dweb 110044@http://www.kriesi.at/support/ Hello, I have changed sizes in function.php and regenerate all images but nothing changed !!! Please help scheinbs on "Images look blurred !!" http://www.kriesi.at/support/topic/images-look-blurred#post-109977 Thu, 09 May 2013 05:39:17 +0000 scheinbs 109977@http://www.kriesi.at/support/ If I go here: <a href="http://www.kriesi.at/themes/enfold/portfolio-item/slider-two-third/" rel="nofollow">http://www.kriesi.at/themes/enfold/portfolio-item/slider-two-third/</a> and view the info for the first image, it shows 710x575 (scaled to 666 x 539). I tried changing the functions.php file to 694 x 562 as it says above, but it didn't change. What I want is for that image on the single portfolio 2/3 to be 100%, not scaled or it will stretch and look blurry. I also tried setting the width of the template to wide and widest to see if that changed, but both times it scales to 666. I was not able to find where to fix this, please help! I need to know what size to make about 200 images, and I need it done yesterday. :) Ismael on "Images look blurred !!" http://www.kriesi.at/support/topic/images-look-blurred#post-109943 Thu, 09 May 2013 00:21:58 +0000 Ismael 109943@http://www.kriesi.at/support/ Hi, Yes, maybe that'll work. Try it and update us on the result. Regards, Ismael dweb on "Images look blurred !!" http://www.kriesi.at/support/topic/images-look-blurred#post-109847 Wed, 08 May 2013 18:33:49 +0000 dweb 109847@http://www.kriesi.at/support/ Hello, I do a test for 1 image and it looks better If i replace in function.php $avia_config['imgSize']['entry_with_sidebar'] = array('width'=>710, 'height'=>270); by $avia_config['imgSize']['entry_with_sidebar'] = array('width'=>694, 'height'=>562); and regenerate images, you think this will fix the problem ? Devin on "Images look blurred !!" http://www.kriesi.at/support/topic/images-look-blurred#post-108207 Wed, 01 May 2013 13:43:14 +0000 Devin 108207@http://www.kriesi.at/support/ Hi dweb, Try saving your larger images to 694px wide and 562px tall for those images. The current size is larger than that space and I think the slight loss of quality is due to the compression to fit the smaller space. Regards, Devin dweb on "Images look blurred !!" http://www.kriesi.at/support/topic/images-look-blurred#post-108028 Tue, 30 Apr 2013 15:42:35 +0000 dweb 108028@http://www.kriesi.at/support/ Please take a loook here : <a href="http://www(dot)gt-motors(dot)eu/car/porsche-997-cabriolet-s/" rel="nofollow">http://www(dot)gt-motors(dot)eu/car/porsche-997-cabriolet-s/</a> Is there any zoom effect ? How to fix please ? Thank you