Aligning an image carousel in the centre of the page

I’m not familiar with the VC tool but looking at the page I can see that the image carousel already has a class called: vc_images_carousel.

If you copy the following lines into your article it will centre the image carousel within it’s column.

<style>
.vc_images_carousel { margin: 0 auto; }
</style>

Doing this style change in your template would be a better option, and there may be a better option still for the carousel device but again I’m not familiar with it. When the carousel asks for extra class names to be added you can only use class names (e.g. mystyle) not the styles they define (e.g. text-align: center). Text-align also will not work for image alignment.

Good luck.

Hey Ian

Thank you so much for the reply. Unfortunately, I’m still learning how to use WordPress, and I don’t know where exactly in the code I should place your suggestion. Here is the code for my image carousel [vc_images_carousel images="6161,6162,6163,6164,6165,6166,6167,6168,6169,6170,6171,6172,6173,6174,6175,6176,6177,6178,6179,6180" img_size="medium" autoplay="yes" wrap="yes"].

Where should I put your suggestions in that code?

Hi Sam,

I started a demo of the Visual Composer product and I can now see what you’re dealing with. Seems the tool does not respect design options where the margins or padding (left/right) are set as auto. I cant seem to find any detailed documentation either so I’m not sure wat the constraints are. One option for you might be to use the responsive settings to create a row that has a 3 column layout and place your carousel in the middle column. It’s still not perfect cause you will end up at the left edge of the centre column.

The style snippet I posted previously can be inserted immediately before the carousel in the page html and should work but it is a hack not a proper use of the VC tool.

If all else fails and the documentation is not available or helping you should be able to email them for product help.

Good luck.

Hey Ian

Thank you so much for all your help. I used the responsive settings to create a 3 column layout, and it worked. It isn’t perfectly in the centre, but I think it’s good enough.