Search Divi Plus Documentation

Search for answers or browse our knowledge base.

< All Topics
Print

Is it possible to add CSS ID and Class to individual buttons or cards in the Image Card Carousel?

Divi Plus Image Card Carousel assign a CSS class to each card in the following pattern

dipl_image_card_carousel_item_0
dipl_image_card_carousel_item_1
dipl_image_card_carousel_item_3

If you like to target a button using CSS Class in some cases like triggering a popup using CSS class, this pattern should help:

dipl_image_card_carousel_item_0 .et_pb_button
dipl_image_card_carousel_item_1 .et_pb_button
dipl_image_card_carousel_item_3 .et_pb_button

We did something similar to trigger Divi Plus pop up using parent and it’s child’s class in this https://www.youtube.com/watch?v=_aVx-Dk3BT0&feature=youtu.be


We also have input from our user for a use case where a CSS Class or ID can be set to an image in the text area.

Please refer to this ticket for more info: https://www.elegantthemes.com/marketplace/divi-plus/support/ticket/10177/page/1

Was this article helpful?
0 out Of 5 Stars
5 Stars 0%
4 Stars 0%
3 Stars 0%
2 Stars 0%
1 Stars 0%
How can we improve this article?
Please submit the reason for your vote so that we can improve the article.
Previous What is the difference between various image sizes masonry gallery
Next How to add live search feature to your Divi menu using Divi Plus