Slider

[Pekkap]

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!

[SeaTheme]

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.net – Twitter – Facebook

[Pekkap]

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!

[SeaTheme]

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

[Author]

Posts