Home › Forums › ART WordPress Theme › Art theme(version 2) BM Slider Customization
- This topic has 10 replies, 3 voices, and was last updated 7 years, 2 months ago by
LaraMinerva.
-
AuthorPosts
-
January 27, 2019 at 7:51 am #17625
Hi!
Is there a way for me to change the slider duration and to make it dissolve rather than swipe? I’d also like for it to not show the next and previous slider photos when hovering over the left and right edges of the slider.
Thanks!
January 27, 2019 at 1:13 pm #17627Hi,
To edit the slider duration :
Please find this file(Appearance>Editor): /wp-content/themes/art-theme/js/custom.theme.js
Add the codes here https://drive.google.com/open?id=1JqwtPdFDJxT9ZqrYgdieJ8RvV44i4xJU:
autoplayTimeout:1000,
Refer: https://owlcarousel2.github.io/OwlCarousel2/demos/autoplay.html
1000 = 1sI don’t understand “to make it dissolve rather than swipe”, please give more tips.
Please paste the custom css code to “Appearance > Customize : Additional CSS”:
To not show the next and previous slider photos.bm-slider-next, .bm-slider-prev { pointer-events: none; }Regards!
Bwsm – uiueux.com – Twitter – FacebookJanuary 27, 2019 at 4:06 pm #17629Thanks for the reply! Loving the Theme!
What I mean’t by “Dissolve” was having the images on the slider Fade-in
January 28, 2019 at 2:25 am #17635Please find this file(Plugins>Editor): /wp-content/plugins/bm-slider-art/bm-slider.php
line 339, update to:
<div class="owl-carousel <?php echo sanitize_html_class($bmslider_height_class); ?>" data-animateout="fadeOut" data-animatein="fadeIn" data-auto="<?php echo esc_attr($bm_autoplay); ?>" data-item="<?php echo esc_attr($item); ?>" data-center="<?php echo esc_attr($center); ?>" data-margin="<?php echo esc_attr($margin); ?>" data-autowidth="<?php echo esc_attr($autowidth); ?>" data-slideby="1" data-showdot="<?php echo esc_attr($showdot); ?>" data-nav="false" data-loop="true" data-idel="<?php echo esc_attr($bmslider_show_hide_navi_idel); ?>" data-idellogo="<?php echo esc_attr($bmslider_show_hide_logo_idel); ?>">January 29, 2019 at 5:57 pm #17659Amazing! thank you!!
Is there a way for me to change the speed of the fadeIn and fadeOut?
January 30, 2019 at 5:26 am #17667Welcome.
Please paste the custom css code to “Appearance > Customize : Additional CSS”:
.owl-carousel .animated { -webkit-animation-duration: 2s; animation-duration: 2s; }ps: the default is 1s(second)
March 12, 2019 at 4:46 pm #17989I also tried to update the line 339 with the suggested code. For some reason it didn’t work for me. the slider looks the same as before without a fade in and fade out. Do you have an idea what might cause this?
https://www.laraminerva.com/index.php/ux-portfolio/romantic-sensuality/
March 13, 2019 at 3:16 am #17992Hi,
This solution is for BM Slider, it will not work for “Slider template” of a single portfolio.
Regards
March 13, 2019 at 7:55 am #17995Ah I see! Thank you.
Would it be possible to find a solution for the slider that i am using?
I would love a slider like this one: http://kelvinbugler.com
The slider i am using now (under the link in my other comment above) looks very similar already but the way the images change is very distracting. I would prefer a fade in fade out effect, or just replacing the images without the movement if that is possible.March 13, 2019 at 8:25 am #17996I didn’t test it on the slider template, you could try to do it.
Please refer the solution of this topic.
Edit the file /art-theme/template/single/project/slider.php
Add thedata-animateout="fadeOut" data-animatein="fadeIn"to<div class="owl-carouse...It needs the custom CSS also.
March 13, 2019 at 10:20 am #17999Awesome it worked and I absolutely love it. Thank you so much!
-
AuthorPosts
- You must be logged in to reply to this topic.
