Some Slider-Pictures have a grey area and some do not. All pictures have the same size. I don’t want the grey area, where does it come from? In the different breakpoints it has different sizes.
Hello @wendelinwolf,
Thanks for writing to us.
I would suggest you please add this custom CSS code to the Global CSS or Page CSS to get rid of your issue.
.x-flexslider {
background: #ffffff !important;
}
The purpose of providing custom CSS is to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector. If you have no idea about coding, you can subscribe to One, where customization questions are answered.
Hope it helps.
Thanks
I am sorry, but I do not think that it’s a CSS Problem. All pictures of the slider do have the same size. Nowhere is a definition of a grey background. I have added your CSS. which doesn’t solve the problem. The grey area is on picture 2 and 3 and when I the breakpoint view from 1.200 to the grey area is very big. Is it a change of the setting for the slider?
Hello Wendelin,
No, it is NOT a change of the settings for the slider. You are using the deprecated Classic Slider. This element is based on the FlexSlider, which has inconsistencies. The gray background is coming from the default style of the “.x-flexslider” element. We highly recommend that you use the new elements because, right now, most of the page elements are using the Classic element. With v2 elements, you have more control and less inconsistencies and styling conflicts.
Check out this documentation for the latest Slider element:
Best Regards.