How to move the position of the Caption of a picture - Support

Tagged: caption, picture

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

Author

Posts
October 9, 2018 at 8:18 pm #1019655

lrdh
Participant

Hello,
I would like to have the caption of the photo on mouse over, but not in the center of the picture, but or in the center at the bottom ou on the right site bottom of the Picture.
Is it possible ?
Thanks

October 10, 2018 at 6:07 am #1019780

Rikard
Keymaster

Hey lrdh,

Where can we see the element in question?

Best regards,
Rikard

October 10, 2018 at 9:48 am #1019846

lrdh
Participant

I put the credential.
the page where you can find the Caption on mouse over is this one.
https://laurenceoppermann.com/les-creations/pieces-emblematiques/

On the pictures, i would like to have the caption at the bottom of the picture and not in the middle

October 10, 2018 at 11:16 am #1019882
Rikard
Keymaster
Hi,

Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:
```
.av-image-caption-overlay-center {
    vertical-align: bottom;
}
```
Best regards,
Rikard
November 6, 2018 at 6:51 pm #1030512

lrdh
Participant

Thanks for all the replu above, it work well on the page but after it doesn’t work on this type of picture 3gallery Maso..”
https://laurenceoppermann.com/les-creations/pieces-emblematiques/mine-dor/

Can you help me with the code ?

November 6, 2018 at 8:41 pm #1030568

lrdh
Participant

i try this : .av-masonry-item-with-image {
vertical-align: bottom;
text-align: left;
}
.av-inner-masonry-content-pos {
vertical-align: bottom;
text-align: left;
}
but seems no change

November 12, 2018 at 4:05 am #1032401
Ismael
Moderator
Hi,

This css code should help.
```
#top .av-caption-style-overlay.av-flex-size .av-masonry-entry.av-masonry-item-with-image .av-inner-masonry-content-pos-content {
    display: table-cell;
    vertical-align: bottom !important;
}
```
Best regards,
Ismael
Author

Posts

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

You must be logged in to reply to this topic.