Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • September 26, 2023 at 11:48 am #1420408
    solidt

    Hi,
    I have posts that I would like to display in a masonry overview. If I set the post category to “Audio” an icon is displayed on the corresponding Masonry tile. How can I assign the same effect to the normal post, but of course with a different icon?

    Many thanks in advance.

    September 27, 2023 at 3:38 am #1420643
    Nikko

    Hi solidt,

    Please try to add this CSS code in Enfold > General Styling > Quick CSS:

    #top .av-masonry .format-standard .av-inner-masonry-content-pos-content:before {
    content: '\e84b';
    font-family: 'entypo-fontello';
    display: block;
    font-size: 30px;
    line-height: 58px;
    margin: 0 auto 20px auto;
    width: 60px;
    border-radius: 100px;
    border-style: solid;
    border-width: 1px;
    text-align: center;
    transition: all 0.3s ease-in-out;
    background-color: #f8f8f8;
    border-color: transparent;
    opacity: 0.7;
    position: absolute;
    left: 50%;
    margin-left: -30px;
    top: -75px;
}

#top .av-masonry .format-standard:hover .av-inner-masonry-content-pos-content:before {
    opacity: 1;
    background-color: #000000;
    color: #ffffff;
}

    Hope it helps.

    Best regards,
    Nikko

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