Black Friday Super Sale 2024 is Coming Soon

WIN AN iPAD, LIFETIME MEMBERSHIP
×

Search Divi Plus Documentation

Search for answers or browse our knowledge base.

All Topics
Print

How can align all titles in the Interactive Image Card module when using the Lily effect?

To align all titles in the Interactive Image Card module with the Lily effect, follow these steps:

  1. Go to your WordPress Dashboard.
  2. Navigate to Divi > Theme Options.
  3. Scroll down to the Custom CSS section.
  4. Add the provided CSS code.
.dipl_interactive_image_card_wrapper_inner h2.dipl_interactive_image_card_title {
    position: absolute;
    bottom: 80px;
}
.dipl_interactive_image_card figure.effect-lily:hover .dipl_interactive_image_card_wrapper_inner h2.dipl_interactive_image_card_title{
    position: relative;
    top: 0;
}

Save your changes.

    Table of Contents