http://www.kriesi.at/support/tags/resizing Support Forum - Tag: resizing - Recent Posts en-US Wed, 22 May 2013 01:17:03 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/increase-size-logo-but-compatible-with-small-fixed-header#post-111243 Wed, 15 May 2013 02:41:54 +0000 Ismael 111243@http://www.kriesi.at/support/ <p>Hey,</p> <p>Glad it is working now.</p> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/increase-size-logo-but-compatible-with-small-fixed-header#post-111134 Tue, 14 May 2013 14:42:11 +0000 chryseis 111134@http://www.kriesi.at/support/ <p>Hi! </p> <p>I've managed something else and tried another design for my logo. It was less complicated this way and I'm pleased with it.<br /> AnywayI keep in mind that code which could be very useful in the future. </p> <p>We can consider this thread as resolved. Thanks!</p> <p>Kind regards </p> http://www.kriesi.at/support/topic/increase-size-logo-but-compatible-with-small-fixed-header#post-111028 Tue, 14 May 2013 05:27:30 +0000 Ismael 111028@http://www.kriesi.at/support/ <p>Hi,</p> <p>Did you adjust the width and height according to the logo size? </p> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/increase-size-logo-but-compatible-with-small-fixed-header#post-110833 Mon, 13 May 2013 10:01:42 +0000 chryseis 110833@http://www.kriesi.at/support/ <p>I forgot to join the picture, sorry:<br /> <a href="https://www.dropbox.com/s/7uy16cvoz8yozmd/Capture_d_écran_13_05_13_09_30.png?m" rel="nofollow">https://www.dropbox.com/s/7uy16cvoz8yozmd/Capture_d_écran_13_05_13_09_30.png?m</a> </p> http://www.kriesi.at/support/topic/increase-size-logo-but-compatible-with-small-fixed-header#post-110821 Mon, 13 May 2013 08:35:23 +0000 chryseis 110821@http://www.kriesi.at/support/ <p>Hi,</p> <p>You're right, I don't like it :-(<br /> As you can see on the picture, ok I could increase the size logo but the space where the logo is contained has also increase so it goes on my slider.<br /> The header size was perfect at the begining and the fact it reduces when scrolling down, I love it and want to keep it. I just want to increase a little bit the size of my logo.</p> <p>What can we do? </p> <p>Kind regards,</p> <p>chrys </p> http://www.kriesi.at/support/topic/increase-size-logo-but-compatible-with-small-fixed-header#post-110810 Mon, 13 May 2013 06:53:57 +0000 Ismael 110810@http://www.kriesi.at/support/ <p>Hi,</p> <p>What code did you use to increase the size of the log?</p> <p>This is what I did, I uploaded a fairly large logo 300x200px then I add this on my custom.css</p> <pre><code>.logo a { height: 200px; } .logo { width: 300px; height: 200px; } .fixed_header #header { position: fixed; height: 200px; } #header_main { border: none; }</code></pre> <p>Adjust the width height depending on your logo. I'm not sure if you will like how it looks when you scroll down.</p> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/increase-size-logo-but-compatible-with-small-fixed-header#post-110549 Sat, 11 May 2013 17:48:33 +0000 chryseis 110549@http://www.kriesi.at/support/ <p>I think I found a way to show you:<br /> <a href="https://www.dropbox.com/sh/1dbmr0d544vkd4n/s3O8mK6vxG" rel="nofollow">https://www.dropbox.com/sh/1dbmr0d544vkd4n/s3O8mK6vxG</a></p> <p>as my logo is something written, I want it bigger so people can read it "at first sight" when they will go on the site. </p> <p>Regards,</p> <p>Chrys </p> http://www.kriesi.at/support/topic/increase-size-logo-but-compatible-with-small-fixed-header#post-110547 Sat, 11 May 2013 17:36:11 +0000 chryseis 110547@http://www.kriesi.at/support/ <p>Hi,</p> <p>My logo appears too small with 200 x100. So I want to increase the size of the logo on Enfold.<br /> I found a topic on this forum telling to add a css code to quick css. I tried it and the size of my logo increased but the problem is that because I use the "small fixed header" the logo won't decrease automatically when scrolling down...</p> <p>How can I fix it? </p> <p>I'm working on localhost so I can't send you a link to show you...</p> <p>Kind regards,</p> <p>Chrys. </p> http://www.kriesi.at/support/topic/product-thumbnail-resizing#post-98843 Thu, 28 Feb 2013 11:49:05 +0000 Nick 98843@http://www.kriesi.at/support/ <p>Hi,</p> <p>Dude is correct. </p> <p>What you can do is set additional constraints to even things out like this for example. Please add that to your /css/custom.css or to quick css located in Replete &gt; Theme Options &gt; Styling .. on bottom of the page<br /> <pre><code>#top.archive .thumbnail_container { min-height: 228px; max-height: 228px; }</code></pre> <p>Thanks,</p> <p>Nick </p> http://www.kriesi.at/support/topic/product-thumbnail-resizing#post-98785 Thu, 28 Feb 2013 07:01:34 +0000 Dude 98785@http://www.kriesi.at/support/ <p>Hi, no unfortunately this is not possible because you can't create such a layout with css/html. It's possible if you implement the masonry script: <a href="http://masonry.desandro.com/" rel="nofollow">http://masonry.desandro.com/</a> but this requires a lot of work and is beyond the scope of our support forum. </p> http://www.kriesi.at/support/topic/product-thumbnail-resizing#post-98777 Thu, 28 Feb 2013 06:18:14 +0000 leslieclynch 98777@http://www.kriesi.at/support/ <p>Thanks Nick. I guess there's no easy solution.... boo.</p> <p>So I've been adjusting my ratios. Now my next question is: Is there a way to not have rows align across but rather going down so there's less white space. Sort of like what pinterest has?</p> <p>See white spaces I'm taking about here:<br /> <a href="http://www.sanzencollection.com/product-category/art/sculpture/" rel="nofollow">http://www.sanzencollection.com/product-category/art/sculpture/</a></p> <p>Can I have images right under one another?</p> <p>Thanks a billion </p> http://www.kriesi.at/support/topic/product-thumbnail-resizing#post-98477 Tue, 26 Feb 2013 05:32:51 +0000 Nick 98477@http://www.kriesi.at/support/ <p>Hi,</p> <p>You need to do some planning first. You need to come up with 1-3 sizes that you guarantee all the images will obey to in the product section as I wrote before. Or 1 size, but since some of the images are portraits other landscapes and some near squares, i suppose 3 would make the most sense. I am not gonna bore you with mathematical equations for setting up proportions. </p> <p>You can chose one size for all the thumbnails or you can chose 3 sizes it is up to you. Since you are not selling plastic baubles you will need to prep your images prior to uploading, unless you want to gamble on wordpress. </p> <p>What I mean by that is that wordpress has no concept of cropping and will ruin every single image if you let it , so unless your collection is as numerous as the Hermitage archives, you will need to resize the images yourself *prior to uploading* them to ensure no heads are cut off. I resized the image below myself first so I made sure it fit the way I wanted to.</p> <p>Here , I tested one of your statues Thanksgiving, it is normally 300dps (which is meaningless online) and 5000or so pixels width and length. I set the program for 330x330 without crop <a href="http://i.imgur.com/ffEllEC.png" rel="nofollow">http://i.imgur.com/ffEllEC.png</a> </p> <p>and this is what came out: </p> <p>shop -&gt; <a href="http://www.clipular.com/c?2249657=5lk3qS2XfqgjLOugSace5TgFqlw" rel="nofollow">http://www.clipular.com/c?2249657=5lk3qS2XfqgjLOugSace5TgFqlw</a></p> <p>product page -&gt; <a href="http://www.clipular.com/c?2247734=27ZeixszuukQraAoRH7RhYqntjg" rel="nofollow">http://www.clipular.com/c?2247734=27ZeixszuukQraAoRH7RhYqntjg</a></p> <p>---</p> <p>On your page <a href="http://www.sanzencollection.com/shop/mother-baby/" rel="nofollow">http://www.sanzencollection.com/shop/mother-baby/</a> I think you are overloading the images and instead , each of your product pages should have attached pages with a full length slider that profiles each piece and has content , or poetry or something else along those lines. </p> <p>Also dont forget to use the portfolio, since you can create a sortable portfolio of thumbnails sorted by categories and then instead of being taken to the portfolio item page , the visitor can be taken directly to the store item page. </p> <p>Thanks,</p> <p>Nick </p> http://www.kriesi.at/support/topic/product-thumbnail-resizing#post-98464 Tue, 26 Feb 2013 03:21:01 +0000 leslieclynch 98464@http://www.kriesi.at/support/ <p>HI NIck</p> <p>I'm not sure I fully understand. If I install this plugin- what line item would I change and what do I change it to. Once I've updated, do I still need to upload resized photos that are 2:1 1:2 or 1:1 - Should I pick only 1 of those 3 options?</p> <p>I installed plugin, regenerated and cleared cash but didn't see a difference in my shop products so I must be missing something.</p> <p>Thanks for your help </p> <p>L </p> http://www.kriesi.at/support/topic/product-thumbnail-resizing#post-98403 Mon, 25 Feb 2013 18:26:26 +0000 Nick 98403@http://www.kriesi.at/support/ <p>Hi,</p> <p>You don't need to have square images. However you do need to have images that follow some rules. Your images must be square, portrait configuration or landscape configuration. With 4 products per line, your images will be either 200x200 or 100x200 or 200x100 . So that means that the images you are uploading need to be in an aspect ratio equivalent to 1:1 .. 2:1 or 1:2. Of course 100x200 and 200x100 are arbitrary, you can have 175x200 and 200x175 and 200x200 for example. So that means you can upload lets say 200x400 (1:2 ) image, but if you upload 200x500 then 100pixels will get cropped to make it 200x400. </p> <p>Please install this plugin <a href="http://wordpress.org/extend/plugins/simple-image-sizes/" rel="nofollow">http://wordpress.org/extend/plugins/simple-image-sizes/</a> , which will create in your Settings &gt; Media admin area all the pre-set theme sizes including for products. It will also allow you to set if you want the image to be cropped or not. Set it to no crop, and the size set to 200 x 200. </p> <p>The images that you already uploaded will not automatically change to fit into the new settings and you will need to regenerate them. The regeneration option is also available inside the plugin I recomended. All new uploads will be of the new sizes you specified. Please make sure that you turn off all your cache plugins and clear out your browser cache after regenerating.</p> <p>Thanks,</p> <p>Nick </p> http://www.kriesi.at/support/topic/product-thumbnail-resizing#post-98320 Mon, 25 Feb 2013 03:46:03 +0000 leslieclynch 98320@http://www.kriesi.at/support/ <p>Hi, I don't have square images, so how can I create thumbnails that are not cut off. OR is there a way to choose how the image in centered in the product listing boxes. For example, left/right; up/down so my heads are cut off.</p> <p>See issue here:</p> <p><a href="http://www.sanzencollection.com/product-category/art/sculpture/" rel="nofollow">http://www.sanzencollection.com/product-category/art/sculpture/</a></p> <p>Thanks! </p> http://www.kriesi.at/support/topic/image-resizing-issues#post-98028 Fri, 22 Feb 2013 13:14:12 +0000 Devin 98028@http://www.kriesi.at/support/ <p>Hi manuptoday,</p> <p>Try going to WooCommerce&gt;Settings&gt;Image Options. Change the Catalog Images size from 300x300 to 450x450.</p> <p>Then use this plugin to regenerate your images: <a href="http://wordpress.org/extend/plugins/regenerate-thumbnails/" rel="nofollow">http://wordpress.org/extend/plugins/regenerate-thumbnails/</a></p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/image-resizing-issues#post-97929 Thu, 21 Feb 2013 20:59:26 +0000 manuptoday 97929@http://www.kriesi.at/support/ <p>I uploaded an image for a product and tried to display it on the home page. The problem I am having is that it comes out pixelated: <a href="http://i.imgur.com/r1yhJK3.png" rel="nofollow">http://i.imgur.com/r1yhJK3.png</a>.</p> <p>If you go to the actual product page, the image is clear: <a href="http://i.imgur.com/7JH6J0I.png" rel="nofollow">http://i.imgur.com/7JH6J0I.png</a>, and if you click on the image, that is clear as well: <a href="http://i.imgur.com/X6YcDx3.png" rel="nofollow">http://i.imgur.com/X6YcDx3.png</a>.</p> <p>I am wondering why there is an issue with displaying it on the home page.</p> <p>Thank you! </p> http://www.kriesi.at/support/topic/flagship-ipad-portrait-orientation#post-88290 Sat, 15 Dec 2012 06:32:48 +0000 Ismael 88290@http://www.kriesi.at/support/ <p>Hi ken4656,</p> <p>Try to add this code on your Quick CSS (Flagship Styling) or the custom.css file (located in the css folder of your theme's folder):<br /> <pre><code>@media only screen and (min-width: 768px) and (max-width: 959px) { .main_menu { position: relative !important; margin-top: 10px !important; } .logo, .logo a { left: 50px !important; } }</code></pre> <p>Hope this helps. :)</p> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/flagship-ipad-portrait-orientation#post-88215 Fri, 14 Dec 2012 16:25:26 +0000 ken4656 88215@http://www.kriesi.at/support/ <p>Sorry should've been more specific. The menu itself doesn't resize in portrait mode, so it's covering up the logo on the site. Do I need to tweak the CSS? </p> http://www.kriesi.at/support/topic/flagship-ipad-portrait-orientation#post-88212 Fri, 14 Dec 2012 16:04:14 +0000 ken4656 88212@http://www.kriesi.at/support/ <p>Good morning:</p> <p>When looking at the site on an iPad in portrait orientation the site does not re-size. The site is set to responsive. Can you guys check?</p> <p><a href="http://www.lucasclean.com" rel="nofollow">http://www.lucasclean.com</a> </p> http://www.kriesi.at/support/topic/portfolio-single-page-how-to-change-image-size#post-76832 Fri, 21 Sep 2012 19:18:34 +0000 Devin 76832@http://www.kriesi.at/support/ <p>Hi michoscopic,</p> <p>I would actually suggest doing both via editing the theme than with adding css. While the css option is much quicker, editing the actual files will give you less issues down the line.</p> <p>Specifically, the ajax portfolio uses a percentage wide grid while the single page uses pixels which get adjusted based on the screen resolution (responsive). So setting the grids to a static size may have some odd effects.</p> <p>If you just want to do this change, you can edit it in includes&gt;loop-portfolio-single.php. Search for these individually:<br /> <code>&lt;div class=&quot;eight units alpha min_height_1&quot;&gt;</code><br /> and<br /> <code>&lt;div class=&quot;four units entry-content&quot;&gt;</code></p> <p>Since this is a 12 column grid, the slideshow is using eight and the content area is using four. So you could just reverse them by changing the eight to a four and the four to an eight and have pretty much what is done in the ajax portfolio.</p> <p>If you want to continue on and change the ajax portfolio too, you can do the same kind of thing in functions-flagship.php. Search for:<br /> <code>echo &quot;&lt;div class=&#39;inner_slide&#39;&gt;&quot;;</code></p> <p>Just below that are the two divs that contain the slider and the content. You could remove your css change that you have so far and instead just switch the classes(two_third and one_third).</p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/portfolio-single-page-how-to-change-image-size#post-76542 Wed, 19 Sep 2012 05:18:08 +0000 michoscopic 76542@http://www.kriesi.at/support/ <p>Hello,</p> <p>I refer to <a href="http://www.kriesi.at/support/topic/how-to-change-the-amount-of-space-the-portfolio-slideshow-takes-up" rel="nofollow">http://www.kriesi.at/support/topic/how-to-change-the-amount-of-space-the-portfolio-slideshow-takes-up</a></p> <p>Also see <a href="http://www.reach.com.my/portfolio/" rel="nofollow">http://www.reach.com.my/portfolio/</a> and <a href="http://www.reach.com.my/portfolio-item/pc-com/" rel="nofollow">http://www.reach.com.my/portfolio-item/pc-com/</a></p> <p>I successfully resized the AJAX portfolio to 35.5% and 60.5%, and changed the thumbnail to show the magazine properly with the following code in my Quick CSS:</p> <p>.inner_slide .two_third {<br /> width: 35.5%;<br /> }<br /> .portfolio-entry.one_third {<br /> width: 60.5%;<br /> }<br /> .isotope-item .inner-entry .slideshow_container .slideshow {<br /> height: 265px!important;<br /> overflow: hidden;<br /> }</p> <p>How do I apply this to the single-page portfolio (<a href="http://www.reach.com.my/portfolio-item/pc-com/" rel="nofollow">http://www.reach.com.my/portfolio-item/pc-com/</a>) as well?</p> <p>Thanks! </p> http://www.kriesi.at/support/topic/resize-the-main-sidebar-to-about-half-its-original-width#post-75971 Fri, 14 Sep 2012 17:30:18 +0000 Ismael 75971@http://www.kriesi.at/support/ <p>Hi,</p> <p>You can add this on your custom.css to change the main sidebar. </p> <pre><code>.inner_sidebar { width: 180px; float: left; } .sidebar { width: 180px; }</code></pre> <p>To change the width of the controls you can use this, although this might break the layout a bit.</p> <pre><code>.arrowslidecontrolls_fullscreen { width: 140px; }</code></pre> <p>If you have sidebar widgets for your left sidebar, you should also change their width.</p> <pre><code>.sidebar .widget { width: 140px; }</code></pre> <p>To change the gap, try this one</p> <pre><code>.sidebar.sidebar_absolute { left: -40px; }</code></pre> <p>You also need to adjust your logo.</p> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/resize-the-main-sidebar-to-about-half-its-original-width#post-75852 Fri, 14 Sep 2012 03:00:27 +0000 jonmenezes 75852@http://www.kriesi.at/support/ <p>Hi,</p> <p>I have been looking all over the forum for this solution. It seems like there are a few ways you have recommended to do it. I try to use the code you provide and put it in the Custom CSS under the style tab, and they either dont work or only resize the transparant part of the sidebar, the tabs stay the original size.</p> <p>Im hoping you can provide me the code to insert that will make my sidebar roughly 40 - 50% thinner. If you can also have it move over towards the left of the page by about half of that gap that would be awesome, if not thats ok.</p> <p>Heres my site <a href="http://jonmphotography.com/wedding-photographer/?page_id=196" rel="nofollow">http://jonmphotography.com/wedding-photographer/?page_id=196</a>. Youll see that the sidebar is consuming too much of the pictures.</p> <p>Thanks,<br /> Jon </p> http://www.kriesi.at/support/topic/image-and-video-sizing-on-slider#post-75475 Tue, 11 Sep 2012 22:16:56 +0000 Nick 75475@http://www.kriesi.at/support/ <p>Hi,</p> <p>That's a tough question, and I am ashamed to say I am stumped. I think prettyPhoto customization forum would be better equipped to take care of this. The got a few hundred experts there --&gt; <a href="http://forums.no-margin-for-errors.com/" rel="nofollow">http://forums.no-margin-for-errors.com/</a></p> <p>Thanks,</p> <p>Nick </p> http://www.kriesi.at/support/topic/image-and-video-sizing-on-slider#post-75194 Mon, 10 Sep 2012 15:09:22 +0000 jcmtp2 75194@http://www.kriesi.at/support/ <p>Thanks Devin.</p> <p>An issue with the lightbox came up. I have a page with links<br /> <a href="http://www.watersecurity.org/r/infographics" rel="nofollow">http://www.watersecurity.org/r/infographics</a></p> <p>I had to re-arrange the order of these infographics because the lightbox was coming up when items were clicked on. Instead of going to the site where these items are located, they lighbox would appear. The problem is that the source of some infographics are within pages and not the image itself, so as the viewer clicks the Next Arrow in lightbox, at some point it hits an error. </p> <p>I am using lightbox elsewhere and so I don't want to shut it down, but I'd like it to either work here or for a new page to open up when a pic is clicked to see the infographic. </p> http://www.kriesi.at/support/topic/image-and-video-sizing-on-slider#post-73074 Mon, 27 Aug 2012 17:49:32 +0000 Devin 73074@http://www.kriesi.at/support/ <p>Hi jcmtp2,</p> <p>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:<br /> <pre><code>#footer { background-color: transparent; }</code></pre> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/image-and-video-sizing-on-slider#post-72600 Fri, 24 Aug 2012 01:19:48 +0000 jcmtp2 72600@http://www.kriesi.at/support/ <p>Thanks Nick.<br /> I will try the image sizes you recommend. </p> <p>Also, is there a way of making the footer transparent so I can see the background. I want to give it a full floating "box" effect.<br /> You had previously given me some code to grow the top margin. I was thinking of doing the same by using the footer.<br /> If you also have the code for the bottom margin that would be great.<br /> Thanks, </p> http://www.kriesi.at/support/topic/image-and-video-sizing-on-slider#post-71711 Sat, 18 Aug 2012 23:30:24 +0000 Nick 71711@http://www.kriesi.at/support/ <p>Hi,</p> <p>1.</p> <p>For the exposed blue color, I think you didn't 'push down' the 'lowest' panel, so the sliding panel that's in the demo became exposed. If you could revert that edit, and instead place the code below into the Quick CSS in the Choices Theme Options &gt; Styling in the backend:<br /> <pre><code>#info_text_header{margin-top:3em;}</code></pre> <p>If you want to make the height smaller please change 3 to 2.9, and so on in the line of code above. </p> <p>2.</p> <p>Regarding the video size, the problem lies with the aspect ratio since some videos are not recorded in the same ratio as Youtube assumes.. Would you try using images in the slide show using the sizes 1920x1177 or 900x552. That should work if you keep to that ratio. </p> <p>The tiny Youtube menu on the top right corner of the video shows that this isn't an error but Youtube deliberately resizing the video to make it conform to it's expected aspect ratio. </p> <p>The only other non time consuming solution would be to move the video to Vimeo or self host it, which would immediately stop the auto re-sizing. I will make sure to drop a note to Kriesi as well as see if the rest of the support team came across this before.</p> <p>But please let us know how the new image ratios I suggested above work out for you.</p> <p>Thanks,</p> <p>Nick </p> http://www.kriesi.at/support/topic/image-and-video-sizing-on-slider#post-71700 Sat, 18 Aug 2012 20:51:30 +0000 jcmtp2 71700@http://www.kriesi.at/support/ <p>Thanks Nick.<br /> Site is watersecurity.org</p> <p>Also,<br /> I increased the border top margin to make the box look better but there is a solid blue color there. How can I make that transparent so the background shows up there?<br /> thanks. </p>