Image Hover Effect Title move

  • Resolved gravesend47

    (@gravesend47)


    2 years, 5 months ago

    I am trying to move the title/headline in the Jazz effect of the Image Hover Effect widget to the bottom instead of the centre. Is there some CSS code I can use for that?

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hello @gravesend47

    Do you mean like the “Honey” effect?

    Due to the inactivity of the topic, I’m making it resolved.

    Feel free to open a new one if you may have further queries.

    However, please note we are using the following CSS with the Honey hover effect.

    .ha-ihe-fig.ha-effect-honey:hover .ha-ihe-img {
    opacity: 0.5;
}
.ha-ihe-fig.ha-effect-honey:hover .ha-ihe-caption::before,
.ha-ihe-fig.ha-effect-honey:hover .ha-ihe-title,
.ha-ihe-fig.ha-effect-honey:hover .ha-ihe-title i {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

    I hope this will help.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Image Hover Effect Title move’ is closed to new replies.