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.
Hey Antonio,
Could you post a screenshot highlighting what you would like to achieve please?
Best regards,
Rikard
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
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
Hi Mike!
Works perfectly! Many thanks.
Best Regards,
Antonio.
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