How to center classic slider element

[kshibata]

Hi,

I’m using the classic slider element in X Pro and I have the style set for “max-width:500px”. Text alignment is set to ‘center’, but the element stays left justified. How can I center the slider on the page?

Thank you.

[mldarshana]

Hi There,

Thanks for writing in! Could you please try adding the following CSS rule to your page’s custom CSS and see if that helps.

.x-flexslider {
  margin: 0 auto !important;
}

Hope that helps.

[kshibata]

Hello and thank you.

Unfortunately, that didn’t help to center the slider.

Your help is greatly appreciated!

[friech]

Hi There,

Please provide us the direct page URL so we can take a look.

If your site is behind Under Construction mode, please provide us login credentials in a secure note.

Thanks,

[basanta]

hi There,

The above CSS given by @mldarshana should work fine.

I didn’t see the CSS added to the site. Can you please confirm if you have added the CSS to Theme option -> Global case ?

Thanks

[kshibata]

Hello,

Yes I added it to the child theme Global CSS.
The sliders are still not showing up centered.

Appreciate your help.

[friech]

Hi There,

Thank you for the credentials, Darshana’s code works. The issue is you have a missing closing bracket on your @media query

Please add the missing bracket.

Cheers!

[kshibata]

Thank you!
That was the problem.

Appreciate your help

[thai]

You’re welcome.