Flex slider center thumbs: proposed custom CSS breaks thumbs aspect ratio

Question

Hi,

I would like to align thumbs in the center of the image/container instead of being aligned left.
I am using the following custom CSS as suggested in a similar post:
.flex-control-thumbs { text-align: center; }

.flex-control-thumbs li {
float: none !important;
display: inline-block !important;
}
This breaks the thumbs aspect ratio. My thumbs are squared and are now rectangular.
Any idea?

Thanks

SemiColonWeb · Accepted Answer

Hello,

Please provide us with a Live URL so that we can check out the exact issue and provide you with more assistance on this.

Thanks for your Patience.

Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.

robertverr · Answer

Hi, Thank you for the answer. My website is not live yet, I am doing the design offline. I will need to get back later once I can provide an URL. Thank you, Robert

Semicolon Web · Answer

Hello,

Is there a Screenshot you can provide us with so that we can reproduce this on our development versions? Thanks for your Patience.

Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.