Tagged: 

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • January 19, 2016 at 12:36 pm #567784
    tageldart

    Hi,

    I am trying to place some text over top of an image that is displayed in a lightbox. Basically, the catalog/list item is used in a page to display a food menu, and when the user clicks on the item, and image pops up in a lightbox. I want to be able to place some text over the image, describing the food and ingredients – so far I have not been able to figure out how to overlay this text on top of the image.

    Any suggestions?

    January 20, 2016 at 2:43 am #568300
    Elliott

    Hi tageldart!

    Not sure if that is going to be possible. You can set a caption for the magnific popup and it will display beneath the image of course. I suppose if you wanted to have it display in the bottom left corner of the image instead then you could use some CSS like so.

    .mfp-title {
    transform: translate(20px, -40px);
}

    Cheers!
    Elliott

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.