Flickr Photoset – Always Show Title

Are you asking about the “slide up” titles? Is your requirement to show it permanently overlapping the lower part of the photos?

It can be done with a little bit of custom CSS code. Do you have a link to a page where you are displaying the galleries? That will help me provide you with a solution more easily.

Hi Sinha,

thank you for the speedy response!

Yes, you’ve understood the requirement correctly. I’ve already added some custom CSS that overwrites the display:none. However, the style gets overwritten once a user hovers over the tile.

URL: https://www.badibeach.ch/fotoalben/

Thanks a lot
Patrick

Instead of setting display: block, if you set it to display: block !important, that will leave the titles on there … however, it will disappear for a while upon “mouseleave”, then reappear.

An easier solution would be to display the titles below the photos, but pull them up using CSS. That way there is no JS interfering with the behaviour. To do this:

1. Set your title to display below the photo
2. Add this to your CSS:

   .photonic-tiled-photo .photonic-title-info { 
       position: absolute;
       bottom: 2px;
       width: 100%;
   }
   .photonic-tiled-photo .photonic-title {
       color: #eee;
       background: #333;
       background: rgba(0,0,0,0.6);
       padding: 3px;
       margin-right: 4px;
   }

That should do it.

Hi,
Do you still need help with this? Can this thread be marked “Resolved”?

hi, didn’t had time yet to try it out. I should get to it next weekend.

Hi,

looks good, thx for your help.
As I am already in contact here, here a feature request for the roadmap: would be great to have a view that loads a list of Flickr albums, and for every album it shows the title and then a configurable amount of pictures.

Thanks again for the great support!

Patrick

Well, you can already do what you are asking, but with multiple shortcodes.

[gallery type='flickr' photoset_id='photoset-id-1' per_page='100' headers='title']
[gallery type='flickr' photoset_id='photoset-id-2' per_page='100' headers='title']
[gallery type='flickr' photoset_id='photoset-id-3' per_page='100' headers='title']
[gallery type='flickr' photoset_id='photoset-id-4' per_page='100' headers='title']

You can vary the per_page value to display a particular number of photos.

• This reply was modified 7 years, 8 months ago by Sayontan Sinha.

Ah yes, that I am aware of. But that means manually managing the page. What the goal would be that the new albums from Flickr appear automatically.