Slideshow Size

propolis

Hi,

How can I alter the width and height of the slideshow size. Would like to alter the height and possibly width as well.

Any suggestion much appreciated

Eddie

Ninja

propolis
Hi
The width and height is 100% of the image and resize auto.
To reduce height add this code in custom.css file

.acm-slideshow .item {
    min-height: 671px;
}

change min-height value as per needs.

Regards

propolis

I have added the recommendations.

The whole width of where the image goes stays at 2200 wide. How can I make this small as there is loads of white space on the left and right of the template body content.

The height reduces, but the picture still gets resized to 100% and then only a portion of the picture shows. The picture I loaded is 300 x 150 and because it still auto resize to 100%, the picture is very grainy

Look at dev site: http://www.cyber-plaza.co.uk/cbruk/index.php

Eddie

Ninja

propolis

The picture I loaded is 300 x 150 and because it still auto resize to 100%, the picture is very grainy
Can you please share the site URL on which you added this image?

The current site is using very bigger image : http://prntscr.com/m23otk

Also give me a screenshot how you want to display, it will explain better how you want to show slideshow.

Regards

propolis

Ninja

Hi,

Here we go:

Test site is: http://www.cyber-plaza.co.uk/cbruk/index.php

I have also changed the size of mask-slideshow.png

Everything stretches to 2200 automatically

I would like the slideshow to be the same width ast the body of the template cutting out all the white space on the left and right side. See image:

The image i loaded is

Sample:

Hope this helps

Eddie

Ninja

propolis
Hi
thanks for sharing correct url.
The image is 100% width in slideshow and used as a background behind the text, so if image use original size it will not cover the background.
Like here : http://prntscr.com/m23wxn
This code will make the image as original

.acm-slideshow .item {
    background-size: inherit;
    background-repeat: no-repeat;
}

You should use bigger image to display it better.

To show white space around the corners I applied these setting in module http://prntscr.com/m23y9e

propolis

Thank you very much, this work perfectly well and I will deploy to live site. Thank you for helping with this.

Happy new year.

Eddie :-)