Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #4507

    I am reworking the Brightbox to better suit my needs. My sandbox is here http://thebetterplate.com I am still just working with the theme to sort out the issues before I commit it to my main website.

    I am trying to get the slideshow images to resize 940×626 to match the aspect ratios of the other images I have already changed.

    I found the functions.php image sizes:

    //register additional image thumbnail sizes that should be generated when user uploads an image:
    global $avia_config;

    $avia_config['imgSize']['widget'] = array('width'=>48, 'height'=>48 ); // small preview pics eg sidebar news
    $avia_config['imgSize']['related'] = array('width'=>140, 'height'=>80); // small images for related items
    $avia_config['imgSize']['portfolio'] = array('width'=>220, 'height'=>147); // small preview pic for default portfolio (4 columns )
    $avia_config['imgSize']['portfolio2'] = array('width'=>460, 'height'=>307); // medium preview pic for 2 column portfolio and small 3d slider
    $avia_config['imgSize']['portfolio3'] = array('width'=>300, 'height'=>200); // medium preview pic for 3 column portfolio
    $avia_config['imgSize']['page'] = array('width'=>620, 'height'=>414); // image for pages and one column portfolio
    $avia_config['imgSize']['featured'] = array('width'=>940, 'height'=>626); // big images for fullsize pages and fullsize 2D & 3D slider

    //3d slider
    $avia_config['imgSize']['tablet_3D_welcome'] = array('width'=>400, 'height'=>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['imgSize']['grid6'] = array('width'=>460, 'height'=>125); // half sized images when using 4 columns
    $avia_config['imgSize']['grid8'] = array('width'=>620, 'height'=>170); // two/third image
    $avia_config['imgSize']['grid9'] = array('width'=>700, 'height'=>125); // three/fourth image
    $avia_config['imgSize']['grid_fifth1'] = array('width'=>172, 'height'=>115); // one fifth
    $avia_config['imgSize']['grid_fifth2'] = array('width'=>364, 'height'=>243); // two fifth
    $avia_config['imgSize']['grid_fifth3'] = array('width'=>556, 'height'=>371); // three fifth
    $avia_config['imgSize']['grid_fifth4'] = array('width'=>748, 'height'=>499); // four fifth
    ///////

    and added the changes for the CSS file to the custom.css file:

    #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;
    }

    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?

    Thanks,

    Jay

    #46594

    I have the fullsize 2d working but still have a fullsize 3D css issue

    #46595

    Hey,

    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.

    /*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;
    }

    #46596

    hi dude

    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.

    thx for help

    #46597

    already solved, you have to change the corresponding values also in the helper-slideshow.php

    #46598

    Great :)

Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘Brightbox Slideshow Image Resize’ is closed to new replies.