Hello, Have looked thro older posts but cant find the answer.
Where in the template.css or index can I change the width of the slide show in the top header area?

Thanks
Joe

This snippet will do the trick.
Do not forget to paste it in your custom.css file to ensure smooth updates.

You can of course increase or decrease the 1100px maximum width.

can i do the same by just changing same snippet to height?

Thanks

Hello again,

able to use that to adjust the height which is what I meant to say.
However on any mobile phone it leaves a large white gap underneath.
Is there a way or code to use to adjust for mobile phone?

This will shorten it by 200px on all viewports and will adjust smoothly on mobile devices as well;

Hello, it now adjusts fine on mobile but on a normal pc now the sliding text goes too high, its cutting off at the top of the screen
should I adjust the height in this css code ? make this 380 as well?
/* Slideshow */
.slideshow {position:absolute;width:100%;}
.slideshow .itemsWrapper {height:580px;max-height:580px;overflow:hidden;}
.slideshow .itemsWrapper ul.items li .moduleItemImage {display:block;max-height:580px;position:relative;}
.slideshow .itemsWrapper ul.items li .moduleItemImage img {width:100%;margin-top:-10%; /* According to the main theme of your photos, you can change the negative percent of the margin-top. */}
.slideshow .itemsWrapper ul.items li .row {width:100%;max-width:1096px;margin:0 auto;position:absolute;bottom:32%;z-index:210;}
.slideshow .itemsWrapper ul.items li .moduleItemExtraFields,
.slideshow .itemsWrapper ul.items li .moduleItemContent {font-family:'Titillium Web', serif;float:right;padding:0 15px 0 0;text-align:right;text-shadow:0 1px 1px rgba(0,0,0,0.33);box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.slideshow .itemsWrapper ul.items li .moduleItemExtraFields h2,
.slideshow .itemsWrapper ul.items li .moduleItemContent a.moduleItemTitle {max-width:700px;background:rgba(243, 235, 1, 0.9);margin:0 0 10px;font-size:45px;letter-spacing:-1px;font-weight:400;line-height:1em;display:inline-block;padding:8px 20px;}
.slideshow .itemsWrapper ul.items li .moduleItemExtraFields .tagline {margin-left:10px;max-width:700px;background:rgba(0, 0, 0, 0.7);color:#f3eb01;padding:8px 20px;display:inline-block;}
.slideshow .itemsWrapper ul.items li .moduleItemExtraFields p,
.slideshow .itemsWrapper ul.items li .moduleItemContent div.moduleItemIntrotext {margin:0;font-size:25px;font-weight:200;line-height:1em;}
.slideshow div.nuSliderPagination {width:100%;max-width:1096px;margin:0 auto;position:absolute;bottom:18%;z-index:210;}
.slideshow div.nuSliderPagination ul {float:right;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;padding:0 10px 0 0;}

thanks its looking good now. Or at least until I break it again

No worries, we 'll fix it again.