Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • November 20, 2019 at 4:07 am #1158340
    puwazatza

    Hi,

    Please click on the URL below…(apologies for slightly NSFW images)
    sample page
    For those four torso images that I created with regular gallery feature, can I add text overlays like top images that I used Masonry? I was going to use Masonry only, however, I could not get a full navigation button set that I had on this page: here (the orange text menu is gone after hitting one of the text overlay thumbnails in this page:
    here

    Let me know if you could help either way. Thank you.

    November 24, 2019 at 7:16 pm #1159630
    Mike

    Hey puwazatza,
    Sorry for the late reply, as I understand you would like text overlays on your torso images.
    Although I don’t quite understand what you mean by your examples, I don’t seem to see the “full navigation button set” nor the “orange text menu”.
    Anyways this css will use the text block that is below your torso images as an overlay on hover, I wrote it so it will only work on this one page so there won’t be any conflicts.
    Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    #top.page-id-460 .avia-gallery + .av_textblock_section {
	margin-top: -250px;
	margin-bottom: 200px;
}
#top.page-id-460 .avia-gallery:hover + .av_textblock_section {
	z-index: 50;
    position: relative;
    background: #fff;
}
.avia_transform #top.page-id-460 #wrap_all a.avia-gallery-big:hover .image-overlay {
    opacity: 0 !important;
}

    Please see the screenshot in Private Content area.

    Best regards,
    Mike

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