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.
Slideshow image size
13 posts from 5 voices-
Posted 8 months ago #
-
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 columnsSo I would say anywhere from 448 to 990 width.
Regards,
MyaPosted 8 months ago # -
I'll try that
Thanks for the prompt reply
Posted 8 months ago # -
Hi,
Specifically the fullwidth slider is using this thumbnail.
$avia_config['imgSize']['featured'] = array('width'=>990, 'height'=>360 ); // images for fullsize pages and fullsize sliderRegards,
IsmaelPosted 8 months ago # -
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,
JorgePosted 8 months ago # -
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 # -
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.
Posted 8 months ago # -
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,
IsmaelPosted 8 months ago # -
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 fitPosted 8 months ago # -
I tried scaling down the picture and it still doesn't fit
Posted 8 months ago # -
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 # -
I replaced the picture and rezied like you recomended and it works now
Thank you
Posted 8 months ago # -
Hi ngonzalez,
Glad that Devin helped you. :)
Cheers,
IsmaelPosted 8 months ago #
Reply
You must log in to post.














