Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
  • #15830

    I’m using the flagship theme. I added several pictures to the slideshow but they show blury. Is there a specific size and/or format that I have to use for the pictures to display properlly? Originally the were JPG 75×65.


    Hi ngonzalez,

    Images need to be larger than 75×65. How large depends on you and the image. Here’s the sizes that built into the theme.

    $avia_config['imgSize']['widget'] = array('width'=>36, 'height'=>36 ); // small preview pics eg sidebar news
    $avia_config['imgSize']['slider_thumb'] = array('width'=>70, 'height'=>50 , 'copy'=>'greyscale'); // slideshow preview pics
    $avia_config['imgSize']['fullsize'] = array('width'=>930, 'height'=>930, 'crop'=>false); // big images for lightbox and portfolio single entries
    $avia_config['imgSize']['featured'] = array('width'=>990, 'height'=>360 ); // images for fullsize pages and fullsize slider
    $avia_config['imgSize']['portfolio'] = array('width'=>448, 'height'=>334, 'copy'=>'greyscale'); // images for portfolio entries (2,3 column)
    $avia_config['imgSize']['portfolio_small'] = array('width'=>241, 'height'=>179, 'copy'=>'greyscale'); // images for portfolio 4 columns

    //dynamic columns
    $avia_config['imgSize']['dynamic_1'] = array('width'=>488, 'height'=>160); // images for 2/4 (aka 1/2) dynamic portfolio columns when using 3 columns
    $avia_config['imgSize']['dynamic_2'] = array('width'=>671, 'height'=>231); // images for 2/3 dynamic portfolio columns
    $avia_config['imgSize']['dynamic_3'] = array('width'=>761, 'height'=>160); // images for 3/4 dynamic portfolio columns

    So I would say anywhere from 448 to 990 width.




    I’ll try that

    Thanks for the prompt reply



    Specifically the fullwidth slider is using this thumbnail.

    $avia_config['imgSize']['featured'] = array('width'=>990, 'height'=>360 ); // images for fullsize pages and fullsize slider




    I tried this option in order to user bigger images but if I change the height event the background image grows.

    What do I need to change in order to make the slider taller without re sizing the images?

    We want the slider controls to be at the bottom edge like the following image:

    Any help is appreciated.




    Hi Jorge,

    In that case, you just need to remove the negative margin on the main content area. 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:

    #main {
    margin-top: 0px;




    Hello Devin, did that but still have the problem with the slider. The images are not tall enough. I want the slider controls to be close to the bottom edge.

    Please take a look at the demo site, maybe that will make it more clear.

    The slides need like 100 more (990 x 460)

    Thanks for your time.



    You can adjust the controllers, just add this on your custom.css

    #top #slideshow_big .slideshow_container.dynamic_element .slide_controls {
    bottom: -70px;




    Hi guys,

    What about the background image is there a recommended size for that?

    I used the stretched full width option at 930*930 and 990*360 and both sizes seem huge on the page. They image doesn’t seem to fit


    I tried scaling down the picture and it still doesn’t fit


    I don’t know if there is an official recommended size but the image in the demo is 999 × 666.




    I replaced the picture and rezied like you recomended and it works now

    Thank you


    Hi ngonzalez,

    Glad that Devin helped you. :)



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

The topic ‘Slideshow image size’ is closed to new replies.