Image slider centre alignment and responsiveness


#1

Hi team

Firstly i LOVE your theme! I’ve used it on 3 client websites so far and it is my new favourite!

I’m just having a small problem with a Visual Composer slider widget I’ve put in to www.ibuildwebsites.com.au/sandbox. All other VC elements work perfectly with your theme but this one isn’t centre aligned or responsive. I’m hoping to use the same CSS as how images are treated. Can you please advise which CSS I should use for this? Can I just copy and paste your image CSS and add a new class?

Appreciate your help. Sydney Pro is amazing with its video backgrounds too!

Elley


#2

Dear Elly,

Thank you for choosing Sydney Pro for your projects! That sounds awesome, we are glad.

Could you please try to apply the following CSS code through the Simple Custom CSS plugin or child theme’s style.css?

.vc_images_carousel{
  margin-left: auto;
  margin-right: auto;
}

Regards,
Kharis


#3

Hi Kharis,

Thank you so much, the centre alignment looks great but it still isn’t scaling down for mobile. Do you know how we can make this happen?

Thanks for helping again!
Elley


#4

Hello there,

Try adding this CSS code, please.


.vc_images_carousel{
  max-width: 100% !important;
}

Regards,
Kharis


#5

Kharis you are a genius! Thank you very very much!


#6

No problem! Just go easy on it.

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis