Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • February 24, 2022 at 4:41 am #1342093
    Tobias

    Hi Support,

    we looking for a way to get this:

    Show Blog Image and Title should always display. If you hover over entry the title and description should shown. How can we get this?

    https://paste.pics/976a38d8473b7960a21054d65685d578

    Thanks for your help!

    Best regards!

    Tobias

    • This topic was modified 2 years, 10 months ago by Tobias.
    February 24, 2022 at 9:28 am #1342121
    Ismael

    Hey Tobias,

    Thank you for the inquiry.

    Make sure that the title, excerpt and read more link is enabled for the grid layout, then use this css code to hide the excerpt container by default and only display it on hover.

    .avia-content-slider .slide-entry-excerpt {
  opacity: 0;
  position: absolute;
  top: 0;
  padding: 13px;
  background: #c5e7ff;
  color: #656565;
  transition: all 0.2s;
  z-index: 999;
}

.avia-content-slider .slide-entry:hover .slide-entry-excerpt {
  opacity: 1;
}

    Best regards,
    Ismael

    February 24, 2022 at 6:48 pm #1342171
    Tobias

    Hi Ismael,

    thanks for your fast answer. But we looking for a way to get this with masonry element. Do you have a idea for masonry blog element?

    Thanks for your help!

    Best regards!
    Tobias

    • This reply was modified 2 years, 10 months ago by Tobias.
    February 25, 2022 at 5:01 am #1342223
    Ismael

    Hi Tobias,

    For the masonry element, you can actually use the same css rules but with a different target or selector. Please try this css code. 

    .responsive .av-masonry-entry .av-masonry-entry-title+.av-masonry-entry-content {
  opacity: 0;
  position: absolute;
  top: 0;
  padding: 13px;
  background: #c5e7ff;
  color: #656565;
  transition: all 0.2s;
  z-index: 999;
  left: 0;
  height: 100%;
}

.responsive .av-masonry-entry:hover .av-masonry-entry-title+.av-masonry-entry-content {
  opacity: 1;
}

    Best regards,
    Ismael

    February 25, 2022 at 6:38 am #1342230
    Tobias

    Hi Ismael,

    thanks that works. On blogposts with image-preview we need a full overlay. Any idea how we get this?
    https://paste.pics/4cd9faa718c64a2fcbf5fb171a853b90

    And how can we get a read more text after the excerpt?

    Thanks for your help!

    Best regards!

    Tobias

    • This reply was modified 2 years, 10 months ago by Tobias.
    February 28, 2022 at 6:42 am #1342508
    Ismael

    Hi,

    You may need to modify the includes > loop-index.php file directly and move the excerpt container inside the image container. Please provide the page URL so that we can inspect the posts directly.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.