http://www.kriesi.at/support/topic/more-space-between-portfolio-thumbs Support Forum - Topic: More space between portfolio thumbs en-US Fri, 24 May 2013 11:15:25 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/more-space-between-portfolio-thumbs#post-86013 Fri, 30 Nov 2012 13:18:42 +0000 Nick 86013@http://www.kriesi.at/support/ <p>Hi,</p> <p>I understand the problem well. I also understand what is causing it and what you are trying to do , but are going about it the wrong way which is why there is that jump. Please refer to my other post on a different thread ( <a href="http://www.kriesi.at/support/topic/information-when-hovering-thumbnails?replies=4#post-86012" rel="nofollow">http://www.kriesi.at/support/topic/information-when-hovering-thumbnails?replies=4#post-86012</a> ) about my proposal to you to take care of all these issues once and for all.</p> <p>Thanks,</p> <p>Nick </p> http://www.kriesi.at/support/topic/more-space-between-portfolio-thumbs#post-86008 Fri, 30 Nov 2012 12:33:19 +0000 maustnes 86008@http://www.kriesi.at/support/ <p>Ok. Maybe this is my fault. I'll try to explain a bit clearer. </p> <p>I want the image size to be smaller - and the space between each portolio thumbnails to be larger then the original theme. I'm happy with the way the front page displays after the page loads completely. The problem is before it loads completely. The images, or rather the image borders are bigger when the page loads as they are when the page is loaded completely. I don't want that effect to take place. I want the images/border/container to load in the same size as they are shown after the load.<br /> You can visit <a href="http://www.wibe-music.com" rel="nofollow">http://www.wibe-music.com</a> to see the effect or see the screenshots here:<br /> <a href="http://www.wibe-music.com/shift/1.png" rel="nofollow">http://www.wibe-music.com/shift/1.png</a><br /> <a href="http://www.wibe-music.com/shift/2.png" rel="nofollow">http://www.wibe-music.com/shift/2.png</a> </p> http://www.kriesi.at/support/topic/more-space-between-portfolio-thumbs#post-85882 Thu, 29 Nov 2012 16:37:55 +0000 Nick 85882@http://www.kriesi.at/support/ <p>Hi,</p> <p>If you remove this CSS that should be in your Quick CSS, everything should be normal. I think you were trying to add some space.<br /> <pre><code>.post-entry.flex_column.no_margin.one_fourth.portfolio-entry-description.isotope-item .inner-entry { margin-right: 15%; margin-bottom: 15%; }</code></pre> <p>You can go back to using the big original images as well. Please install <a href="http://wordpress.org/extend/plugins/simple-image-sizes/" rel="nofollow">http://wordpress.org/extend/plugins/simple-image-sizes/</a> this plugin, and before you upload, go into Settings &gt; Media and change the portfolio image size to be proportionally smaller.</p> <p>Thanks,</p> <p>Nick </p> http://www.kriesi.at/support/topic/more-space-between-portfolio-thumbs#post-85756 Wed, 28 Nov 2012 21:46:58 +0000 maustnes 85756@http://www.kriesi.at/support/ <p>I wasn't refering of the whole page jumping. It is just the portfolio pictures witch are at first "full size" and then zooms into the right size. You can see it over at <a href="http://www.wibe-music.com" rel="nofollow">http://www.wibe-music.com</a>.<br /> I just want the portfolio pictures to be loading in the same size as they appear after they load. </p> <p>Thanks agin, Nick. </p> http://www.kriesi.at/support/topic/more-space-between-portfolio-thumbs#post-85726 Wed, 28 Nov 2012 16:13:20 +0000 maustnes 85726@http://www.kriesi.at/support/ <p>Ok. I will try that. Thanks. </p> http://www.kriesi.at/support/topic/more-space-between-portfolio-thumbs#post-85720 Wed, 28 Nov 2012 15:25:49 +0000 Nick 85720@http://www.kriesi.at/support/ <p>Hi,</p> <p>If you refer to this thread <a href="http://www.kriesi.at/support/topic/portfolio-pages-are-jumping" rel="nofollow">http://www.kriesi.at/support/topic/portfolio-pages-are-jumping</a> ... we discussed the issue, and are looking into why a small number of websites exhibit this event and what combination of plugins causes it. This issue , I can not replicate. However if you redo the setup of the theme on a subdomain and create the portfolio first, it will work and as you add your plugins and customization, keep an eye on the portfolio page, and at some moment you will see the culprit and substitute/remove it.</p> <p>Thanks,</p> <p>Nick </p> http://www.kriesi.at/support/topic/more-space-between-portfolio-thumbs#post-85598 Tue, 27 Nov 2012 17:19:14 +0000 maustnes 85598@http://www.kriesi.at/support/ <p>This is really strange. I've disabled all of the plug-ins, copied the original code from functions.php back to the page but the shift is still there. Any idea?</p> <p>Thanks again, Nick. </p> http://www.kriesi.at/support/topic/more-space-between-portfolio-thumbs#post-85564 Tue, 27 Nov 2012 14:04:57 +0000 Nick 85564@http://www.kriesi.at/support/ <p>Hi,</p> <p>I see what you mean. Sorry about that. Please delete the previous code and instead try the one below. Please don't take the !important off since we are trying to override inline css here.<br /> <pre><code>#top .one_fourth .slideshow{ height: 191px !important; }</code></pre> <p>If that doesn't do the trick, please take off this plugin and see if that makes a difference <a href="http://maps.gstatic.com/cat_js/intl/en_ALL/mapfiles/api-3/10/17/%7Bmain,panoramio%7D.js" rel="nofollow">http://maps.gstatic.com/cat_js/intl/en_ALL/mapfiles/api-3/10/17/%7Bmain,panoramio%7D.js</a></p> <p>You are also using a second ajax loader on that page <a href="http://www.google.com/jsapi?ver=3.4.2" rel="nofollow">http://www.google.com/jsapi?ver=3.4.2</a> ... It wants an API key. and for now please take it off.</p> <p>***this may be the issue below***<br /> Your images are also 465x465, and are 191x191 on the main page. For some reason though the code has 465 everywhere. When you add the image , are you selecting 119x119 or are you selecting maximum size (radio buttons should give options to select one of many sizes)</p> <p>Thanks,</p> <p>Nick </p> http://www.kriesi.at/support/topic/more-space-between-portfolio-thumbs#post-85547 Tue, 27 Nov 2012 12:38:58 +0000 maustnes 85547@http://www.kriesi.at/support/ <p>The reason I cut the code from quick css was because the image in the portfolio (big picture) didn't show up as it's supposed to. Only the top portion of the picture shows. </p> http://www.kriesi.at/support/topic/more-space-between-portfolio-thumbs#post-85544 Tue, 27 Nov 2012 12:34:43 +0000 maustnes 85544@http://www.kriesi.at/support/ <p>Sorry. I cut out the code from the quick css. Now it's in place. </p> http://www.kriesi.at/support/topic/more-space-between-portfolio-thumbs#post-85517 Tue, 27 Nov 2012 09:38:35 +0000 Nick 85517@http://www.kriesi.at/support/ <p>Hi,</p> <p>I didn't see the code I gave you being included in quick css or custom.css and applied. So the height of the initial image being shown is still not height 191 but instead is 30px more. Please leave the code in, so I can see why its not working or make the next step to get it there.</p> <p>Thanks,</p> <p>Nick </p> http://www.kriesi.at/support/topic/more-space-between-portfolio-thumbs#post-85380 Mon, 26 Nov 2012 14:19:33 +0000 maustnes 85380@http://www.kriesi.at/support/ <p>Hello, Nick. </p> <p>That didn't work. You can head over to <a href="http://www.wibe-music.com" rel="nofollow">http://www.wibe-music.com</a> to see the effect. It seems like this controls the image inside the &lt;div&gt;. It's the &lt;div&gt; witch contains the image I want to stop shifting. Appreciate the efford. </p> http://www.kriesi.at/support/topic/more-space-between-portfolio-thumbs#post-85335 Mon, 26 Nov 2012 08:23:30 +0000 Nick 85335@http://www.kriesi.at/support/ <p>Hi,</p> <p>Please add this to quick CSS<br /> <pre><code>.slideshow.fade_slider { height: 191px !important; }</code></pre> <p>Please let us know if this took care of the issue.</p> <p>Thanks,</p> <p>Nick </p> http://www.kriesi.at/support/topic/more-space-between-portfolio-thumbs#post-85280 Sun, 25 Nov 2012 10:52:11 +0000 maustnes 85280@http://www.kriesi.at/support/ <p>Great. Thanks. </p> http://www.kriesi.at/support/topic/more-space-between-portfolio-thumbs#post-85196 Sat, 24 Nov 2012 02:55:53 +0000 Ismael 85196@http://www.kriesi.at/support/ <p>Hi maustnes,</p> <p>I'm not sure how to remove that. Let me tag the rest of the team, they might know how to fix that.</p> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/more-space-between-portfolio-thumbs#post-85009 Thu, 22 Nov 2012 13:56:44 +0000 maustnes 85009@http://www.kriesi.at/support/ <p>Just nitpicking. The images change size one second after they have been loaded. Is there a fix for this? </p> http://www.kriesi.at/support/topic/more-space-between-portfolio-thumbs#post-85007 Thu, 22 Nov 2012 13:38:53 +0000 maustnes 85007@http://www.kriesi.at/support/ <p>Thanks! That worked great. </p> http://www.kriesi.at/support/topic/more-space-between-portfolio-thumbs#post-84995 Thu, 22 Nov 2012 12:56:36 +0000 Ismael 84995@http://www.kriesi.at/support/ <p>Hi maustnes,</p> <p>Try to add this code:<br /> <pre><code>.post-entry.flex_column.no_margin.one_fourth.portfolio-entry-description.isotope-item .inner-entry { margin-right: 5%; }</code></pre> <p>or this code, if the code above doesn't work:<br /> <pre><code>.post-entry.flex_column.no_margin.one_fourth.portfolio-entry-description.isotope-item .inner-entry { margin-right: 5% !important; }</code></pre> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/more-space-between-portfolio-thumbs#post-84967 Thu, 22 Nov 2012 07:35:32 +0000 maustnes 84967@http://www.kriesi.at/support/ <p>That solved one of the problems. All the thumbs got smaller but the space between is the same. Do you now how to fix this? </p> http://www.kriesi.at/support/topic/more-space-between-portfolio-thumbs#post-84929 Thu, 22 Nov 2012 02:39:32 +0000 Ismael 84929@http://www.kriesi.at/support/ <p>Hi maustnes,</p> <p>Kindly add this code in your Quick CSS or custom.css:<br /> <pre><code>.post-entry.flex_column.no_margin.one_fourth.portfolio-entry-description.isotope-item { width: 23% !important; }</code></pre> <p>Just adjust the width value. :) The default is 25%.</p> <p>Hope this helps. :)</p> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/more-space-between-portfolio-thumbs#post-84845 Wed, 21 Nov 2012 09:03:07 +0000 maustnes 84845@http://www.kriesi.at/support/ <p>Hello. </p> <p>I want the portfolio thumbs to be smaller and have a bit of space between. How do I do this? </p>