Home Forums Art WordPress Theme Scroll slider with cursor keys and other slider functions.

This topic contains 3 replies, has 2 voices, and was last updated by  SeaTheme 1 month, 1 week ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #20147

    Ernossdaboss
    Participant
    Purchased

    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;
    }

    #20148

    SeaTheme
    Keymaster
    Purchased

    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.netTwitterFacebook

    #20149

    Ernossdaboss
    Participant
    Purchased

    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.

    #20153

    SeaTheme
    Keymaster
    Purchased

    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

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.

Join Newsletter(FREE)

Subscribe to our newsletter to receive news & updates. We promise to not spam you, super promise!