Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #268991

    I need to incorporate a before/after gallery for a client and I am wondering if there is a way to display the caption which I enter with the photo either above or below each photo, the way it can be displayed in a full masonry gallery.

    Currently the caption only displays when I hover over the image. The client’s old website looks like this and it would be his preferred option:
    http://www.metrocarpetcleaning.com.au/before-after

    This is how the new page currently looks
    http://27.121.64.167/~gfskrdrb/before-after/

    Many thanks
    Ivana

    #269427

    Hi Ivana!

    Thank you for using the theme!

    Please add this on Quick CSS or custom.css to show the gallery captions on top of the gallery items:

    #top .avia-gallery .avia-gallery-thumb a:before {
    content: attr(title);
    margin: 10px 0;
    position: relative;
    display: block;
    width: 100%;
    text-align: center;
    }

    Best regards,
    Ismael

    #269867

    Thank you Ismael. That worked!

    I really appreciate your help.

    Cheers
    Ivana

    #269923

    Hi!

    Glad it worked. If you have any questions, let us know. :)

    Regards,
    Ismael

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Captions to display above or below photos in a Gallery’ is closed to new replies.