Guest Posted February 9, 2013 Share Posted February 9, 2013 In regards to Gallery Blocks: Images contained within Slideshow Gallery Blocks can have an image’s Title be made visible. …But Slider, Stacked and Grid Galleries cannot. Does anyone know how to code Gallery Blocks so an image’s Title will appear with pics contained in these other Gallery-types? Thanks! Link to comment
Guest Posted April 22, 2013 Share Posted April 22, 2013 Hey, Junkyard! Thanks for this! Would you mind including a link to an example you've applied this to? Thanks, again! Link to comment
Guest Posted April 22, 2013 Share Posted April 22, 2013 P.S. What coding needs to precede... .meta { display:block !important; } ...in order for it to specifically apply to various Gallery-types? Link to comment
Junkyard Sam Posted April 22, 2013 Share Posted April 22, 2013 To display Image Title & Description beneath each image in a stacked gallery, add this to your Custom CSS Editor: .meta { display: block !important } You need to have the image title/description added for the image, obviously, for it to display. I suggest adding ~5 pixels of padding above and ~10 pixels below, for a better look. Tested in the Beatrice template, but should work in other stacked galleries (but not Index galleries). Link to comment
Guest Posted April 22, 2013 Share Posted April 22, 2013 Thanks again for being so helpful. This is too cool of you ;-) What about a Slider Gallery? Call me stupid if you wanna, but I'm trying to apply what you've mentioned to the Slider scenario without any luck. Got any hints as to how to pull it off? Link to comment
EverydayDigitals Posted April 22, 2013 Share Posted April 22, 2013 Yeah I tried this on a Grid gallery and it didn't work by itself. Also tried .sqs-gallery-block-grid .meta { display:block !important; } with no luck... Link to comment
Guest Posted April 22, 2013 Share Posted April 22, 2013 Yeah that's the same approach I took with the Slider-style. No luck here either. Link to comment
jonesjb Posted November 12, 2013 Share Posted November 12, 2013 Here is what worked for me. It was originally applying to all images (including those in the blog, which I didn’t want), I’ve been trying to figure it out and finally got it working. It is specific to the stacked version of the gallery. Let me know if it works for you, add it to the Custom CSS Editor: .sqs-gallery-block-stacked .meta { display: block !important; margin-top: -25px; margin-bottom: 25px; text-align: left; } Link to comment
ImaadBKK Posted April 25, 2014 Share Posted April 25, 2014 I have a quite similar problem. I would like to make the titles appear on my pictures in grid design gallery. My pictures have URL linking to other pages. Has anyone succeed to make it on a Grid gallery? Link to comment
sorvaziri Posted April 11, 2015 Share Posted April 11, 2015 I know this is years later but I am trying to do this for my website:http://sorina-vaziri-cdho.squarespace.com/projects/ I inserted your code into my custom CSS but I still have no luck. I am using stacked galleries and It seems to be working for some and not others below. I would really appreciate your help. Link to comment
sorvaziri Posted April 12, 2015 Share Posted April 12, 2015 Thank you @octopus this worked!! Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.