#1 2023-07-10 00:08:57

Dave_G
Member
2019-03-24
17

Extended Description Carousel: Can I customize the title of photos?

Greetings,

I have a couple of questions about my Piwigo gallery, which I’m trying to clean up. I’ll separate them into two separate posts.

I have a home page configured with the Additional Pages plugin, which includes an automated slide show that uses Carousel function of the Extended Description plugin:

Code:

[slider album=288 nb_images=50 random=true size=M speed=8 title=true effect=fade arrows=true elastic=false control=false thumbs_size=80 link=true]

I want users to be able to click on the photo displayed in the carousel, so I have set title=true. This does  what I want, but it’s not especially attractive and I’m wondering if there is a way to customize the title by:

1. Changing the font style, size, or color with CSS
2. Changing the background opacity
3. Having the title fade to match the photo instead of jumping halfway through the fade

https://www.daveguertin.net/

Offline

 

#2 2023-07-11 08:40:03

hannah
Piwigo Team
2019-04-24
70

Re: Extended Description Carousel: Can I customize the title of photos?

Hi Dave_G

The three things you were wondering are achievable by using CSS yes. You can add CSS via the LocalFiles Editor plugin

.nivoSlider is the class for the slideshow container, and the title uses the class: .nivo-caption

Offline

 

#3 2023-07-11 23:45:12

Dave_G
Member
2019-03-24
17

Re: Extended Description Carousel: Can I customize the title of photos?

Thanks! That works great. I haven't found a way to fade the title along with the photo, but I can live with that.

Offline

 

#4 2025-05-17 18:56:13

Katryne
Member
2016-12-03
480

Re: Extended Description Carousel: Can I customize the title of photos?

Hello ! I managed to customize the title (.nivo-caption), but for the slide-show itself (.nivoSlider), it gives bad results : I wanted a kind of border+box-shadow, all I get is a badly set border (2 sides instead of 4) on the 1st image only. Then it disapears.

Here is what I have done (only for the titles, I deleted the bad tests on the slider itself)

https://album.chauvigne.info/index?/cat … erica-2018

Could anybody give me some advice ?

Thanks


https://album.chauvigne.info/ v.15.5  PHP: 8.2.26
https://balades.comoni.org/  v.15.5 PHP: 8.2.26
Système d'exploitation: Linux - Hébergeur 1&1-Ionos - MySQL: 5.7.42
Bibliothèque graphique: External ImageMagick 6.9.11-60

Offline

 

Board footer

Powered by FluxBB

github twitter newsletter Donate Piwigo.org © 2002-2025 · Contact