Please try following – in functions.php replace:

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

with

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

and regenerate the thumbnails with: http://wordpress.org/plugins/regenerate-thumbnails/

It’s not possible to add a shadow to the box if you’re using a background image. The problem is the html structure which does not allow you to add the shadow to the box itself but you must apply it to the body element. If you don’t need a background image you can use following code:

.responsive .boxed#top{

-moz-box-shadow: 0 0 15px #111;

-webkit-box-shadow: 0 0 15px #111;

box-shadow: 0 0 15px #111;

}

Edit; More Info:

Also, in Chrome, the fixed image appears fine on iPhone, as well, when I shrink the page-size on desktop, and all the content stacks up in one column, the image appears fine and fixed.

Hi!

I’m having the same issue on my website.

Background image works fine when set to scroll, but when fixed, the image does not load in chrome or safari(5.1.7).

Seems to work in Opera & Firefox fine when fixed.

http://drivott.com

Image does not appear, w/ scrolling effect, at the bottom of the page, in the section Contact Us, for Chrome or Safari.

Any help or advisement would be great. Please let me know if you need more info.

Thanks

Hey!

I corrected the code – it should work now. Just insert it before the closing head tag.

Regards,

Peter

Hi,

tbh I’m not aware of a thumbnail size which generates images with 666px. All sizes are defined in functions.php:

$avia_config['imgSize']['widget'] 			 	= array('width'=>36,  'height'=>36);						// small preview pics eg sidebar news

$avia_config['imgSize']['entry_with_sidebar'] 	= array('width'=>710, 'height'=>270);		                 // big images for blog and page entries

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

$avia_config['imgSize']['square'] 		 	    = array('width'=>180, 'height'=>180);		                 // small image for blogs

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

$avia_config['imgSize']['portfolio'] 		 	= array('width'=>495, 'height'=>400 );						// images for portfolio entries (2,3 column)

$avia_config['imgSize']['portfolio_small'] 		= array('width'=>260, 'height'=>185 );						// images for portfolio 4 columns

$avia_config['imgSize']['gallery'] 		 		= array('width'=>710, 'height'=>575 );						// images for portfolio entries (2,3 column)

The portfolio uses the “portfolio” or “portfolio_small” size by default but since version 1.5 you can also choose a different thumbnail size.

It works for me and doesnt fade, with a background image it doesnt show for me. Perhaps try adding a div at the top of the slide with 100% width and minimal height with css in LayerSilder settings?