Border on slider and image padding

[Jacko_Pinto]

Hello, I trust you’re all doing well.

Can you please help with the following? Haven’t been able to figure it out

• I want to get rid of the borders on the simple slider and also remove the top and bottom padding. Please see screen-shot:
  

• I also need to add a “padding-bottom” to these images so that when viewed on mobile, there’s actually some space between them. Please see screen-shot:
  

I’m sharing the links on a private note. Thanks very much!!

[Prasant]

Hello Jacko,

Thanks for writing in!

@Jacko_Pinto

I want to get rid of the borders on the simple slider and also remove the top and bottom padding.

Please add following CSS under X > Theme Options > CSS:

.x-flexslider-shortcode-container.with-container {
    border: 0;
    padding-bottom: 0;
}

@Jacko_Pinto

I also need to add a “padding-bottom” to these images so that when viewed on mobile, there’s actually some space between them.

Please inspect the Section and under Customize > Setup > Class add a class name. After that add following CSS under X > Theme Options > CSS:

@media only screen and (max-width: 600px) {
  .mobile-spacing .x-column {
    margin-bottom: 10px;
}
}

To learn more about media queries please take a look at following resource.

https://www.w3schools.com/css/css_rwd_mediaqueries.asp

Thanks.

[Jacko_Pinto]

Thank you very much for your help. Best regards!

[jade]

You’re welcome, Jacko.