Home Forums Air WordPress Theme Slider

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #20282
    Pekkap
    Participant
    Purchased

    2 questions

    1. Chrome and firefox mac: Resize browser and reload the page broke the slider.
    This I manage to repeat also in your demo site. Something does not work and slider goes random.
    https://drive.google.com/open?id=1Y45LaAPEv0YRSPZByzXvOihDqbsu1wlX
    https://drive.google.com/open?id=1DmIWVp4vwBn5TokyQdB4Y_ikJd8PHY3C

    2. Slider does not have automatically “next button”, but only swipe / hand when clicing on desctop browser. How to activate prev & next on pictures on sides?
    Initially I try to put as in your demo here: https://seatheme.net/wp/air/red-room/
    Where by clicking partly shown pictures the slider loads next (or prev) image. In my installation it does not, only cursor appears to be and and it allower to swipe. How and where to change that?

    Thanks!

    #20286
    SeaTheme
    Keymaster
    Purchased

    Hi,

    1. The google drive URLs are blocked, I cannot visit them. Plz unblock the limitation.

    2. I don’t know what’s the slider you talked about? BM Slider? Or the “Slider” template (https://seatheme.net/wp/air/red-room/) ? Could you please leave your slider page URL? Thanks!

    Regards!

    SeaTheme – SeaTheme.netTwitterFacebook

    #20290
    Pekkap
    Participant
    Purchased

    Sure, my bad. I did a screen cast to make my point.
    https://drive.google.com/drive/folders/1U658kamaZHYdBYvMGHsbdoWeNIv7Zc3D
    Hope you can help with these. Yes, its the slider template (https://seatheme.net/wp/air/red-room/) Number 2 is my main consern, thanks!

    #20295
    SeaTheme
    Keymaster
    Purchased

    Hi,

    Please paste the custom CSS code to “Appearance > Customize: Additional CSS”
    1)
    .single-portfolio-fullwidth-slider .owl-carousel, .single-fullwidth-slider-carousel-img, .single-portfolio-fullwidth-slider .size-all, .owl-carousel .owl-item img.single-fullwidth-slider-carousel-img, .owl-carousel .owl-item img.size-all, .single-portfolio-fullwidth-slider .owl-prev, .single-portfolio-fullwidth-slider .owl-carousel .owl-controls .owl-nav .owl-next{height:30vw;}

    2)

    .single-portfolio-fullwidth-slider .owl-nav { 
     position: absolute;
     width: 100%;
    }
    .owl-carousel .owl-nav button.owl-next {
      background-image: url(/wp-content/themes/air-theme/img/arrow_right.png);
      background-repeat: no-repeat;
      background-position: 90% 50%;
    }
    .owl-carousel .owl-nav button.owl-prev {
      background-image: url(/wp-content/themes/air-theme/img/arrow_left.png);
      background-repeat: no-repeat;
      background-position: 10% 50%;
    }

    ps: may be you need to edit the arrow image URL.

    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!