http://www.kriesi.at/support/topic/brightbox-slideshow-image-resize Support Forum - Topic: Brightbox Slideshow Image Resize en-US Thu, 23 May 2013 16:33:05 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/brightbox-slideshow-image-resize#post-20914 Sun, 12 Jun 2011 16:11:19 +0000 Dude 20914@http://www.kriesi.at/support/ <p>Great :) </p> http://www.kriesi.at/support/topic/brightbox-slideshow-image-resize#post-20904 Sun, 12 Jun 2011 10:41:50 +0000 cris2371 20904@http://www.kriesi.at/support/ <p>already solved, you have to change the corresponding values also in the helper-slideshow.php </p> http://www.kriesi.at/support/topic/brightbox-slideshow-image-resize#post-20902 Sun, 12 Jun 2011 09:46:14 +0000 cris2371 20902@http://www.kriesi.at/support/ <p>hi dude<br /> I changed the slider size and it worked (to 250px height), now I have to change also the height of navigation arrows andof the caption zone (zone where the caption text is displayed). Unfortunately I didn´t find the corresponding css.<br /> thx for help </p> http://www.kriesi.at/support/topic/brightbox-slideshow-image-resize#post-20329 Thu, 02 Jun 2011 13:42:39 +0000 Dude 20329@http://www.kriesi.at/support/ <p>Hey,<br /> you can adjust the slider size in style.css (or better solution would be to overwrite it with css/custom.css). Search for following code and adjust the dimensions.<br /> <pre><code>/*3d big*/ .cu3er_3D_caption{ height:440px; } .cu3er_3D_caption #CU3ER{ height:440px; width:940px; } .cu3er_3D_caption .slideshow, .cu3er_2D_caption .slideshow{ width:940px; }</code></pre> http://www.kriesi.at/support/topic/brightbox-slideshow-image-resize#post-20290 Wed, 01 Jun 2011 16:11:08 +0000 StaleLunch 20290@http://www.kriesi.at/support/ <p>I have the fullsize 2d working but still have a fullsize 3D css issue </p> http://www.kriesi.at/support/topic/brightbox-slideshow-image-resize#post-20288 Wed, 01 Jun 2011 15:53:14 +0000 StaleLunch 20288@http://www.kriesi.at/support/ <p>I am reworking the Brightbox to better suit my needs. My sandbox is here <a href="http://thebetterplate.com" rel="nofollow">http://thebetterplate.com</a> I am still just working with the theme to sort out the issues before I commit it to my main website.</p> <p>I am trying to get the slideshow images to resize 940x626 to match the aspect ratios of the other images I have already changed.</p> <p>I found the functions.php image sizes:</p> <pre><code>//register additional image thumbnail sizes that should be generated when user uploads an image: global $avia_config; $avia_config[&#39;imgSize&#39;][&#39;widget&#39;] = array(&#39;width&#39;=&gt;48, &#39;height&#39;=&gt;48 ); // small preview pics eg sidebar news $avia_config[&#39;imgSize&#39;][&#39;related&#39;] = array(&#39;width&#39;=&gt;140, &#39;height&#39;=&gt;80); // small images for related items $avia_config[&#39;imgSize&#39;][&#39;portfolio&#39;] = array(&#39;width&#39;=&gt;220, &#39;height&#39;=&gt;147); // small preview pic for default portfolio (4 columns ) $avia_config[&#39;imgSize&#39;][&#39;portfolio2&#39;] = array(&#39;width&#39;=&gt;460, &#39;height&#39;=&gt;307); // medium preview pic for 2 column portfolio and small 3d slider $avia_config[&#39;imgSize&#39;][&#39;portfolio3&#39;] = array(&#39;width&#39;=&gt;300, &#39;height&#39;=&gt;200); // medium preview pic for 3 column portfolio $avia_config[&#39;imgSize&#39;][&#39;page&#39;] = array(&#39;width&#39;=&gt;620, &#39;height&#39;=&gt;414); // image for pages and one column portfolio $avia_config[&#39;imgSize&#39;][&#39;featured&#39;] = array(&#39;width&#39;=&gt;940, &#39;height&#39;=&gt;626); // big images for fullsize pages and fullsize 2D &amp; 3D slider //3d slider $avia_config[&#39;imgSize&#39;][&#39;tablet_3D_welcome&#39;] = array(&#39;width&#39;=&gt;400, &#39;height&#39;=&gt;315); // medium preview pic for tablet 3d slider /*preview images for special column sizes of the dynamic template. you can remove those if you dont use them, it will save performance while uploading images and will also save ftp storage*/ $avia_config[&#39;imgSize&#39;][&#39;grid6&#39;] = array(&#39;width&#39;=&gt;460, &#39;height&#39;=&gt;125); // half sized images when using 4 columns $avia_config[&#39;imgSize&#39;][&#39;grid8&#39;] = array(&#39;width&#39;=&gt;620, &#39;height&#39;=&gt;170); // two/third image $avia_config[&#39;imgSize&#39;][&#39;grid9&#39;] = array(&#39;width&#39;=&gt;700, &#39;height&#39;=&gt;125); // three/fourth image $avia_config[&#39;imgSize&#39;][&#39;grid_fifth1&#39;] = array(&#39;width&#39;=&gt;172, &#39;height&#39;=&gt;115); // one fifth $avia_config[&#39;imgSize&#39;][&#39;grid_fifth2&#39;] = array(&#39;width&#39;=&gt;364, &#39;height&#39;=&gt;243); // two fifth $avia_config[&#39;imgSize&#39;][&#39;grid_fifth3&#39;] = array(&#39;width&#39;=&gt;556, &#39;height&#39;=&gt;371); // three fifth $avia_config[&#39;imgSize&#39;][&#39;grid_fifth4&#39;] = array(&#39;width&#39;=&gt;748, &#39;height&#39;=&gt;499); // four fifth ///////</code></pre> <p> and added the changes for the CSS file to the custom.css file:</p> <pre><code>#main .slideshow_page .slideshow{ height:414px; width:620px; } #main .slideshow_portfolio .slideshow{ height:147px; width:220px; } #main .slideshow_portfolio2 .slideshow{ height:307px; width:460px; } #main .slideshow_portfolio3 .slideshow{ height:200px; width:300px; } #main .slideshow_featured .slideshow{ height:626px; width:940px; } .cu3er_3D_caption #CU3ER{ height:626px; width:940px; }</code></pre> <p>What am I missing? I do prefer the 2d full size over the Cuber3. I might eventually use the cuber3 if I pay to have the branding removed. Regardless, any tips on what I missed?</p> <p>Thanks,<br /> Jay </p>