Space around slideshow

The slideshow will always try to be the same width of its parent element. If the slideshow is not wide enough, it can be caused by several things:

If you’re using images that are not as wide as the page itself, the images will center in your slideshow instead of stretching to the edges. You can change this by setting the “Image behaviour” setting to “Stretch to fit” or “Crop to fit”.

If the slideshow’s “Maximum width” setting is set to anything other than 0, the slideshow will have that value as maximum width and won’t be any wider than that.

If your slideshow is contained by an element that is not as wide as your page, the slideshow will be as wide as that element instead of being as wide as your page.

Thanks for your quick response but non of the above mentioned causes is relevant. Picture size is 1500 px wide, stretch or crop don’t have any result, setting is 0 and the slideshowis page wide. I hope you have another suggestion. You can find the site on: https://wp.hanklem.nl/

Thanks for the link to your website.

The slideshow can’t stretch to the full width of your website because the sidebar element with ID “sidebar-wide” has a padding op 20 pixels. You can find this value in your theme’s “style.css” file on line 1149.

The space below the slideshow can be changed responsively by setting the “Shrink slideshow’s height when width shrinks” setting to “Yes” and then setting the “Proportional relationship” setting to the correct dimension.

Thanks Stefan. I will change it as soon as I have found out how to make changes in the stylesheet (codex). Or is there an other possibility?

Some answers on how to change your theme’s stylesheet can be found in this forum thread.

Hallo Stefan, I have changed the value on line 1149 to 0. This puts the slideshow directly under the menu bar but on the left and right side there still space left. Do have to change anything else?

Hi Hank,

I’m sorry, the first value on line 1149 is for the top and bottom spacing. The second value “3.1%” is for the left and right spacing:

padding: 0px 3.1%;

Removing the second value will remove the padding alltogether:

padding: 0px;

Best regards,
Stefan

Problem solved. Thanks for the quick response.