Tagged: slider
My site unfortunately is on my local machine only, so no link is available.
I use multiple slides on my slider on my homepage (Enfold with Church Theme. I’ve installed the child theme as well). On one particular slide, I’d like to move the title and caption lower. At the moment it’s using center (unframed). I’d like to lower it down half-way between where it is and the bottom of the slide.
(I just entered a feature request for more options of layout for the slider captions and titles … I see it’s requested quite often in support. Would be nice to be able to enter a value so we can tweak it per slide.)
Hey Paul!
Which slider are you using?
Best regards,
Elliott
I’m using the fullwidth easy slider.
Hi!
Try adding this to your custom CSS.
.avia-slideshow-inner > li:nth-child(2) .slideshow_align_caption {
transform: translateY(30%);
}
And change the “2” with whatever slide you want to change.
Regards,
Elliott
Thanks Elliott, may I ask how in general to manipulate the caption positioning on any particular slide? Whether I want it top-centered, bottom-centered, top-centered all the way up top, top-centered two-thirds towards the top, etc… I’m trying to understand how it works. (It would be great to have the option to input these values/adjustments within the slider itself to tweak positioning when necessary… rather than editing css code.)
Hey!
To move it up and down you can use the previous code in my post just add a negative to the 30%, -30%.
To move it left and right use translateX instead of translateY. And to target specific slides just change the “2” as mentioned.
Cheers!
Elliott
Thanks, Elliott