-
Posts
-
this is a child of https://kriesi.at/support/topic/how-to-add-captions-to-gallery-thumbs#post-127924 this issue.. but I thought appropriate to add a new topic..
1. When adding a single column gallery with say a 300×300 px image…or a 2 column with two 300px images, how can you get the images to align to the center of the column you have placed it in ?
Check the alignment here .. http://shoutkey.com/am
first 3 pictures are diff sizes but not aligned. second 2 pics are using a spacer image..
Images seem to left justify along with their captions. I would like to have multiple galleries in a page – some with 2 images, some with 3, mostly the same size but aligned to center of the page.. I tried adding a spacer image for 3 columns using 2 main images but the space is padded far too much…
2. captions underneath the thumbnails.. if adding 2 images to a 3 column layour – the captions move directly to the right side of the image.. depending on the size of the thumbs, the captions sometimes appear underneat, sometimes break half underneat and half on the side.
3. Is is possible to align the captions to center underneath the thumbnail, not just left justified.
I tried `/*caption align*/
.visible-caption{
text-align:center;
}
` with no joy..
Thanks again
Hi mrkuji,
1) The URL isn’t active so I’m not able to get a frame of reference.
2+3) Again, no reference so I’m not sure what you mean here.
We are pretty swamped with support requests right now so the more information you can provide in a single post the more likely it is we’ll be able to help out. URL’s to the site to inspect the code live is typically the best solution. If you need to obfuscate your urls you can use http://goo.gl/ to create controlled self deletable links.
Regards,
Devin
I’m not really getting what it is you are trying to do. Not all elements are going to work flawlessly when stacked inside columns or with certain portfolio image size settings.
Everything is coded to adapt for responsive design but there is a bit of control on what source image a user can choose for the output before css changes that images size for the container.
For #3, you can do something like:
#top .visible-caption {
text-align: center;
clear: both;
float: left;
}But the images aren’t taking up the full width of the container so the text is correctly centered but the images are not (since they are floating left as well and there isn’t a true float: center).
Hi,
1) I see the top one is centered perfectly. and so is the second one. You can use the code below to reset the margin
div .av_two_third {
margin-left: 0px !Important;
}2) I don’t see any caption to the right, all are above. The ones that show as text and not tooltips i think i provided you code in your previous post as to how to not display them.
3) I think such a customization is beyond the scope of the support forum since it would require a significant time investment in recoding the tooltips functionality.
Thanks,
Nick
- The topic ‘Gallery thumb and caption center alignment.’ is closed to new replies.