Hi,
Under Gallery/Pop-up/Show Caption I can select which elements I want to display. How can I change their sequence?
Specifically I'd like to
(1) Show the filename in the last row (not after the title), but below the EXIF information
(2) Show the filename in brackets (filename) and with a smaller fontsize
Thank you
Michael
X3Photo Gallery Forums
X3 Photo Gallery Support Forums
Popup caption display8 posts
Re: Popup caption display
Assuming that the order can be changed easily would be like assuming there is no planned design to the order and no grouped items. To give you complete control of the order, I would need to slap all items on top of each other without grouped items (on single lines) and hope for the best. However:Mibu wrote:Under Gallery/Pop-up/Show Caption I can select which elements I want to display. How can I change their sequence?
You might be able to hack this by assigning FLEX on the caption contain, and then sorting items with CSS order. For example:Mibu wrote:(1) Show the filename in the last row (not after the title), but below the EXIF information
Code
.pswp__caption__center {
display: flex;
flex-direction: column;
}
.popup-caption-title {
order: 10;
}You really need to open browser inspector (right-click element in browser, and click "inspect"). From there on, you can identify class names of any item you want to modify the style for. For example title (which could be file name, unless overridden by IPTC title):Mibu wrote: (2) Show the filename in brackets (filename) and with a smaller fontsize
Code
.popup-caption-title {
font-size: .9em;
}
.popup-caption-title:before {
content: "[";
}
.popup-caption-title:after {
content: "]";
}Re: Popup caption display
Thank you so much!
Boths changes do exactly what I was looking for. There is just a minor issue, that now the whole caption block is shown on the left side, rather than centered below the image. Can it be moved back to the center?
Sorry, no disrespect meant with regards to your design :grinning: - the whole X3 application is marvelous!Assuming that the order can be changed easily would be like assuming there is no planned design to the order and no grouped items.
Boths changes do exactly what I was looking for. There is just a minor issue, that now the whole caption block is shown on the left side, rather than centered below the image. Can it be moved back to the center?
Re: Popup caption display
I found a solution. Use inline-flex instead of flex.Mibu wrote:There is just a minor issue, that now the whole caption block is shown on the left side, rather than centered below the image. Can it be moved back to the center?
Code
.pswp__caption__center {
display: inline-flex;
flex-direction: column;
}
.popup-caption-title {
order: 10;
}Re: Popup caption display
I would never have found that solution - great. A big thank you.
Problem solved.
Problem solved.
Re: Popup caption display
Would it also be possible to suppress or hide individual EXIF details in this way?
I would like to display only the camera model and the date the photo was taken in some galleries, but without displaying ISO, focal length, aperture and shutter speed.
I would like to display only the camera model and the date the photo was taken in some galleries, but without displaying ISO, focal length, aperture and shutter speed.
-
-
metallissimus
Experienced
- Posts: 359
- Joined:
Re: Popup caption display
Yes, they are all single elements, so you can choose which ones to hide. Adding this to the pages custom CSS hides them all:pede wrote: Would it also be possible to suppress or hide individual EXIF details in this way?
Code
.popup-exif-aperture, .popup-exif-iso, .popup-exif-exposure,.popup-exif-focal_length{
display: none;
}Re: Popup caption display
That's really great! Thanks for the quick solution!