Slideshow image size

13 posts from 5 voices

• Started 8 months ago by ngonzalez
• Latest reply from Ismael
• This topic is not a support question

Tags:

No tags yet.

1. 

   ngonzalez
   Member

   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 75x65.

   Posted 8 months ago #
2. 

   Mya
   

   Hi ngonzalez,

   Images need to be larger than 75x65. 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.

   Regards,
   Mya

   Posted 8 months ago #
3. 

   ngonzalez
   Member

   I'll try that

   Thanks for the prompt reply

   Posted 8 months ago #
4. 

   Ismael
   Moderator

   Hi,

   Specifically the fullwidth slider is using this thumbnail.

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

   Regards,
   Ismael

   Posted 8 months ago #
5. 

   jorgepelaez
   Member

   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:

   https://dl.dropbox.com/u/77212/slider_size.jpg

   Any help is appreciated.

   Regards,
   Jorge

   Posted 8 months ago #
6. 

   Devin
   Moderator

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

   Regards,

   Devin

   Posted 8 months ago #
7. 

   jorgepelaez
   Member

   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.

   http://demo.plusonepromo.com/

   The slides need like 100 more (990 x 460)

   Thanks for your time.

   Posted 8 months ago #
8. 

   Ismael
   Moderator

   Hi,

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

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

   Regards,
   Ismael

   Posted 8 months ago #
9. 

   ngonzalez
   Member

   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

   Posted 8 months ago #
10. 

    ngonzalez
    Member

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

    Posted 8 months ago #
11. 

    Devin
    Moderator

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

    Regards,

    Devin

    Posted 8 months ago #
12. 

    ngonzalez
    Member

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

    Thank you

    Posted 8 months ago #
13. 

    Ismael
    Moderator

    Hi ngonzalez,

    Glad that Devin helped you. :)

    Cheers,
    Ismael

    Posted 8 months ago #

RSS feed for this topic

Reply

You must log in to post.