Page carousel (or Portfolio carousel)

[joanrojeski]

Hi,
I’m trying to do something and I don’t know how. I want to use in the home page a carousel with the entries of one pages category (not posts carousel). I see there’s no option for that, so I thought I can use a portfolio carousel and create some portfolio entries which can be linked to the pages. I seems to work.
Now the problem is that I want this carousel to have the title of the entries shown, I mean I want them to be under the image and not over them when the cursor is over. I’ve tried with the three different options for the “thumbnail hover style” but none of them shows the title directly. Is there any possibility for that? Should I try to change the code? Any help about?

Thank you very much.

[Kyle – SUPPORT]

Hi there,

Unfortunately that is not part of the current theme functionality, and it’s not within the scope of our support to be able to provide that functionality as it is more work than a small customisation. While we’d love to be able to support every customisation request, we simply don’t have the time. We recommend that you seek a freelance developer if you need that functionality, potentially from one of the below resources:

https://codeable.io

Home

http://www.microlancer.com

Hope that helps.

– Kyle

[joanrojeski]

Thank you. I thought I wasn’t able but now I think I got the code by myself and, even better, it works only for the carousel widget and it doesn’t have effect on the rest of widgets. I share it here just in case it’s useful for someone in the future. It’s simple and this should be added in style.php:

/* COLOR SCREEN VISIBLE FROM THE BEGINNING  */
.carousel-item figure.animated-overlay figcaption {
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    opacity: 1;
    -moz-opacity: 1;
    filter:alpha(opacity=100);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
    text-align: center;
}
/* TITLE VISIBLE FROM THE BEGINNING */
.carousel-item figure.animated-overlay figcaption .thumb-info h4, figure.animated-overlay figcaption .thumb-info h5, figure.animated-overlay figcaption .thumb-info-alt i {
	-o-transform: translateY(0%);
	-moz-transform: translateY(0%);
	-webkit-transform: translateY(0%);
	transform: translateY(0%);
	opacity: 1;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}
/* TITLE VANISHES */
.carousel-item figure.animated-overlay:hover figcaption .thumb-info h4 {
	-o-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
	opacity: 0;
}
/* COLOR SCREEN VANISHES */
.carousel-item figure.animated-overlay:hover figcaption {
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
}

[Kyle – SUPPORT]

Ok thanks 🙂