Please see the attached PDF, is there a way to make the slideshow wider to align with the rest of the webpage?

And how can we eliminate the horizontal gray bar between the grids?

Here's the attachment in jpg format

Hi

Are you able to add a link for the site?

Cheers
Paul

www.studio3design.us/home/index.php

A couple of styles are applying here

For the bar at the top it is border

The style applying is

.zen-spotlight {border-top: 40px solid rgba(0, 0, 0, 0.04);}

To remove try adding

#bannerwrap .zen-spotlight {border:0;}

Cheers
Paul

The second style is slightly more complicated

The style applying is

#bannerwrap .zen-spotlight {padding: 0 3% 0;}

The template has this style applying throughout the template

.zen-spotlight {
padding: 30px 3%;
}

The bannerwrap has a background gradient applying

#bannerwrap .zen-spotlight {
background: -webkit-linear-gradient(top, #ffffff, #fcfcfc);
}

which means left and right 3% show some background to the left and right

The slideshow is aligned as other containers but the background gradient makes it look like it isn't

To remove the padding try adding


#bannerwrap .zen-spotlight {padding: 0px;}

but you would need to adjust the image content and test on different devices to check its ok

Cheers
Paul

THose two suggestions worked perfectly, thanks for the help!

You're welcome

Cheers
Paul