Scroll slider with cursor keys and other slider functions.

[Ernossdaboss]

Hi,

I need to make a couple of tweaks to my site which I was wondering if you could help with.

One is with the gallery slider could I add a function to make it so I can scroll through with the cursor keys?
Example: https://andypilsbury.com/portraits

Also, I have text beneath the slider on a few pages but it’s not visible when the page is opened, currently as it’s too far down, could you let me know how to bring that text up?
Example: https://andypilsbury.com/still_taking_care_of_business

And finally, I’d like that when people get to the end of scrolling through the gallery it reverts back to the first image rather than just stopping.
Example: https://andypilsbury.com/portraits

I’ve added some custom code which I’ll drop here so you can see it all:

.single-portfolio-fullwidth-slider .owl-carousel .owl-item img {
margin-left: auto; margin-right: auto;
}

#post-861.gallery-post-des {
display: none;
}

@media (min-width: 768px) {
.gallery-post-des .entry {
width: 100%;
padding-left: 40px!important;
padding-right: 40px!important;
}
.single-portfolio-fullwidth .gallery-post-des {
padding-top: 0px;
}
}

@media (min-width: 768px) {
.single-portfolio-fullwidth .gallery-post-des,
body.single .gallery-post-des .entry { margin-bottom: 15px; }
}

.pswp__bg {
background: #fff
}

.pswp__top-bar {
display:none;
}

[SeaTheme]

Hi,

1) I don’t understand this question. It is navigated by mouse arrow now.
Did you talk about navigating by mouse wheel?

2) Please disable the option: https://www.dropbox.com/s/fdm9bmsnjhizaoy/qq20191209-144342.jpg?dl=0

3) Please go to Appearance > Theme Editor, edit art-theme/template/single/project/slider.php
find the codes in line 14:
data-loop="false"
update to:
data-loop="true"

Regards!

SeaTheme – SeaTheme.net – Twitter – Facebook

[Ernossdaboss]

Hi,

Thanks for the response, the solution for looping the slider images works.

1) I mean with the keyboard cursor keys.

2) I mean I want the text content under the image to move up so that it’s visible when the page is loaded I’ve included an image of what I mean.

https://ibb.co/1KXLS5J

3) This works, now thank you.

[SeaTheme]

Hi,

1) It is not possible by quick CSS.

2) Please add the custom CSS:

 @media (min-width: 768px){
.single-portfolio-fullwidth-slider .gallery-post-des  { padding-top: 20px;}
}

Regards

[Author]

Posts