How to hide captions of accordion slider images as standard, show them by hover? « Support Forum | Kriesi.at

Support Forum » Corona

How to hide captions of accordion slider images as standard, show them by hover?

6 posts from 3 voices

Started 1 year ago by colorit2
Latest reply from Dude
This topic is resolved

Tags:

colorit2
Member

Hi,

at the moment, the captions' titles of my accordion slider image are shown all the time, but I would like the status, that the captions texts and its titles appear only, when you hover over the images like at this great site here:

http://revamp.metropolitandetail.com/

My settings at the moment are these:
http://i40.tinypic.com/10r64oo.jpg

Standard view at my site:
http://i39.tinypic.com/254v7zq.jpg

Hovering view at my site:
http://i44.tinypic.com/wb5oxc.jpg

How can I change the behaviour of these captions?

Thanks a lot.

Posted 1 year ago #
Devin
Moderator

Hi colorit2,

Just omit the "Caption Title" for your image and it will then display the caption when you hover over the image.

Posted 1 year ago #
colorit2
Member

thanks, that works so far, but I would like to keep the bigger title, too - is there any change in code possible?

Posted 1 year ago #
Devin
Moderator

Hey colorit2,

I'm not sure about that. I did a quick look through of the aviaacordian javascript file but my javascript isn't that great and I didn't see a quick way to change the behavior. I'll tag the post for another support member to take a look at it.

Posted 1 year ago #
colorit2
Member

that would be nice, thanks a lot in advance

Posted 1 year ago #
Dude
Dude
Maybe I'm missing something but you just need to add following code to css/custom.css to hide the heading:
```
.aviacordion .heading_clone {
    display: none !important;
}
```
If you hover over the image the heading + description will apear.
Posted 1 year ago #