Display variations horizontaly in product page

Hello, is it possible to display the variations of product horizontaly in product page?
I want to display the variations in product page like the widget woodmart product filters search in homepage of travel demo.
What css i must to add?
Thanks a lot.

Attachments:

You must be logged in to view attached files.

Hello,

I saw the screenshots you attached.

Sorry but there is no option in Theme Settings available for that. Please provide the URL of the product to check whether it is possible with Custom CSS or not.

Best Regards.

Ok i sent you below the url of product with variant that i wnat to be in horizontal

Hello,

Please try adding the following Custom CSS in the Custom CSS for Desktop area under Theme Settings >> Custom CSS. And check if this works for you otherwise it requires Customizations.

.product-design-alt table.variations tr {
    display: inline-flex;
    margin-left: 15px;
}

Best Regards.

Works! Thanks a lot!

Most Welcome 🙂

If you do not mind, can you please leave a 5 stars rating for our Theme & Customer and Technical Support by going here: http://themeforest.net/downloads It will allow us to release more updates and provide dedicated support in future. It would encourage our work a lot. If you like our Theme and Support.

Thanks for contacting us.
Have a great day 🙂

Topic Closed.
Best Regards.

[Author]

Posts