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.