Isotopic Navigation

This topic contains 1 reply, has 2 voices, and was last updated by Ernest Marcinko Ernest Marcinko 2 months, 1 week ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #47789
    hen9993
    hen9993
    Participant

    Hello i have got question how to achieve this look in isotopic navigation? I attach photos in the attachment. I want to keep the image proportions so that the text is below the image and does not cover from the image.

    Attachments:
    You must be logged in to view attached files.
    #47809
    Ernest Marcinko
    Ernest Marcinko
    Keymaster

    Hi,

    Well, it can cause a lot of conflicts, but you can try the following custom CSS:

    .asp_r .item {
        display: flex;
        flex-direction: column;
    }
    
    .asp_r .item>div {
        position: static !important;
    }
    
    .asp_r .item .asp_item_overlay_img,
    .asp_r .item .asp_item_overlay,
    .asp_r .item .clear {
        display: none !important;
    }
    
    .asp_r .item .asp_content {
        overflow: initial !important;
    }

    I can’t guarantee anything thoug, the isotopic layout script is very sensitive to the output being in a fixed size.

    Best,
    Ernest Marcinko

    If you like my products, don't forget to rate them on codecanyon :)


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

You must be logged in to reply to this topic.