Product Carousel Advanced Options

Everything you need to create an awesome product carousel and take full advantage of the module can be found in the Content tab. However, if you want even more control over the appearance of the module then you can venture into the Design tab. If you are a developer and you want to use your own CSS instead of using the design controls in the Design tab, then you can venture further into the Advanced tab. When combined, there is nothing that can’t be customized. Use the advanced options to give your product Carousel Module custom CSS ID’s and Classes. Add some custom CSS for advanced styling and designate the module’s visibility on certain devices.

CSS ID & Classes and Custom CSS: In Divi product carousel there are many custom CSS areas you can target and set your CSS code there. In each field, you have the option to choose the device if you would like to give separated CSS according to your device. You can also give different CSS with hover or without.

Visibility: Like any other Divi module, Divi product carousel has also had a visibility option. You can hide your chosen modules on specific devices. Here you also have Horizontal and vertical overflow.

Lastly, you will find transitions, positions, and scroll effects. Those feature work just like any other Divi module you will find more details in Elegant Themes Documentation and Elegant Themes Blog.

Submit a Comment

Your email address will not be published. Required fields are marked *