On April 25, 2014 at 2:33 pm
Hi there!
I had a customer email me and highlight the following potential issue for me regarding my slideshow:
“…I noticed that your slideshow for your site, the images are being cut off. I’m running a 24 inch monitor and the square images you’ve got are trying to fit into a rectangular slideshow template”
They look fine on my 15.6 inch monitor in all web browsers, thankfully.
That said, my current slideshow images have these dimension: 1000 x 400px
Not sure if this may be the problem, but I also had recently expanded the webpages with the following code, entered into my child theme style.css:
/*PAGE WIDTH*/
#content .single_wrap{width:100%!important;}
body{ padding:0px; margin:0px; font-family:Arial, Helvetica, sans-serif; color:#2D2D2D; font-size:13px;}
.center{ width:78%; margin: 0 auto;}
a{ text-decoration:none; color:#585858;}
p{ line-height:19px;}
/*NIVO SLIDER*/
.nivo-main-image{max-width:100%;}
Any help in this area would be GREATLY appreciated! Thank you so much in advance*
-Chris