Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1349177

    Hi,

    We have been create a gallery product.
    We like that the thumbnail images was align to bottom not top.
    And put the title on the bottom.

    Could you help me?

    Thanks advance.

    Antonio.

    #1349192

    Hey Antonio,

    Could you post a screenshot highlighting what you would like to achieve please?

    Best regards,
    Rikard

    #1349196

    Hi Rikard,
    Here I send you the image now and the image that I like have.
    https://postimg.cc/gallery/7xHdtTN
    Many thanks!
    BR,
    Antonio

    #1349242

    Hi,
    Thanks for the screenshot, to align the images to the bottom try this css:

    #top #wrap_all .avia-gallery .avia-gallery-thumb a {
        display: flex;
        flex-direction: column;
    }
    #top #wrap_all .avia-gallery .avia-gallery-thumb a img {
    	margin-top: auto;
    	
    }

    To have the tooltips show below the items edit \enfold\js\avia.js on line 1243 you will find position: 'top', //top or bottom change it to: position: 'bottom', //top or bottom and add this css:

    .avia-tooltip .avia-arrow-wrap {
        bottom: 45px !important;
    }
    .avia-tooltip .avia-arrow {
        top: 15px !important;
    }

    Then clear your browser cache and any cache plugin, and check.

    Best regards,
    Mike

    #1349265

    Hi Mike!

    Works perfectly! Many thanks.

    Best Regards,

    Antonio.

    #1349291

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Gallery bottom align thumbnail and title align bottom’ is closed to new replies.