display grid/flex have some weird problem when using any kind of slider, I noticed it happening with slick and swiper The solution to it is also a bit weird but simple. All you have to do is add min-width: 0; to the parent element of the slider and thats it. (if I remember correctly) If … Read more
You can most likely use Easy FancyBox plugin (and maybe plus NextGen gallery) to achieve the effect. The FAQ on the Easy FancyBox documents different things you can do: http://wordpress.org/plugins/easy-fancybox/faq/ For example, you can call lightbox of an hidden image with text link: <a href=”#hidden_image_id” class=”fancybox”>Castle abc</a> <div style=”display:none”><img id=”hidden_image_id” src=”hidden_image_url.jpg”></div> So you’d apply this … Read more
Adding a css rule for #wpadminbar: transform: translate3d(0,0,0); background: black; width: 100%; Makes the bar appear and I added z-index: 0; to .mdl-layout__header to make the dropdowns appear. Not the prettiest.
Something like this will probably get you going. https://en-gb.wordpress.org/plugins/wp-posts-carousel/ Maybe a custom slider, like jQuery Light Slider, it very much depends on how much you want to customise it 🙂
Use this below code. I have done this below code with some modification with Questioner’s code. Now it is working. <div id=”carousel” class=”carousel slide” data-ride=”carousel” data-interval=”3000″> <!– Carousel items –> <div class=”carousel-inner”> <?php $slider = new WP_Query(array( ‘post_type’ => ‘slide’, ‘posts_per_page’ => -1, )); ?> <?php if ( have_posts() ) { $x=0; while ( $slider->have_posts() … Read more
This is one of those problems that seems like it should have a simple solution, but really doesn’t. There are options, they’re just not easy. At least, from what I can see. CSS is the best approach to detecting browser width IMO. In fact, you really can’t detect browser width from PHP. You can with … Read more
slideshow display images not correctly [closed]
Here you have used dummy images but you can see result. slider is working perfectly. https://www.risingwebstars.com/video.webm Your above code have two mistakes so use below code. <div class=”container”> <div class=”row”> <div class=”col-md-12″> <div class=”owl-carousel” id=”product-slider”> <?php $loop = new wp_Query(array( ‘post_type’ => ‘home_producten’, ‘orderby’ => ‘ID’, ‘order’ => ‘ASC’, )); ?> <?php while ($loop->have_posts()): $loop->the_post(); … Read more
UPDATE: Well, i found it. You go to wp-content/themes/plixus/js/ and open the file init.js. There you should find the following code: $(window).load(function() { $(‘#slider’).nivoSlider({ effect:’fold,fade,boxRandom,sliceUpDown’, controlNav:false}); }); Now you can change the argument “effect” to whatever you like, like $(window).load(function() { $(‘#slider’).nivoSlider({ effect:’fade’, controlNav:false}); }); That should do the trick. Well, as it’s a Nivo … Read more
You can use the do_shortcode() function to execute shortcodes within PHP. <?php echo do_shortcode( ‘[sample_slide id=”1″]’ ) ?> Although I’m sure a lot of the slider plugins out there have template tags which you can use to insert the slider into your header.php file.