Owl Carousel Keyboard Navigation

I'm looking to add keyboard navigation to the Owl Carousel plugin. The original jQuery plugin's Github has a thread on this topic here, so I've tried the following: var owl =...

Owl-carousel: Displaying only one image per slide

Today I discovered owl-carousel and I have been trying to get it to work. I'm trying to make a carousel that cycles through images of dinosaurs. The problem is that 4 dinosaurs show up on the same...

Owl crousal slider not working when loading data via ajax

I am working on some wordpress project and my owl content will load via ajax. Now, what happens, when i load content via ajax, it loads content but not show is slider. Here is javascript code that...

Adjust height of owl-carousel

Currently the owl-carousel that I have employed in my website is far too tall, as it takes up more than the full screen. From the demo on owl-carousel for one image per slide it appears that it is...

Load Related Posts WP Dynamically Using OWL Carousel

Unfortunately, I wasn't able to find the exact solution to my problem. I load 10 posts (for example) from the WP database like this: <?php $catArgs = array( 'category__in' =>...

Trying to loop advanced custom fields pro functions .php

I am using Advanced Custom Fields with wordpress but I am having an issue getting it to work with creating a short code. I want to drive my team-member post type with a short code that I Can add...

owl carousel half part (next-prev) to navigate

I can't manage my owl carousel. First, I can't fix the height. Second, I tried to have a part of the next and the previous slide (I find the solution) but I want to make them clikable to navigate...

How to create a carousel with a sidebar in html?

I am making a basketball website for my sports club. I am attempting to make a photo carousel that slides with an information section next to it. This is the following code I have made, but I...

Owl carousel navigation arrows on side

How do I get the prev and next button on top of the slider on the sides? Just like this: http://soledad.pencidesign.com/soledad-hipster/ This is how mine looks like right now...

Get Info about previous and next slider from data attribute

I have a task to write slider with information about previous and next slider. For example in slider you have left < and right > arrow's behind this arrow's have a circle.When you hover to any...

Mouse scroll (scroll wheel) doesn't work in chrome for my site

I have a landing page here which mouse scroll (scroll wheel) doesn't work on it but I can scroll on page by clicking on browser scrollbar and move it. I had check it in other browser (Firefox)...

CSS background image not working on Wordpress

I'm new to Wordpress theme development. i was trying to convert a static html theme to wordpress but my background image is not working here's the code <div class="hero-slides owl-carousel"> ...

Images not showing in Owl Carousel

I have created a Divi child-theme that I am using to customize. I am trying to implement an owl carousel slider for images but for some reason the image isn't displaying. I can see the outline of...

Owl carousel issue on JS counting the items

I have this photo gallery of 4 images, i have 2 JS variable which are "Field" ( the current number of the image) and "Total" ( the total number of the images ) The problem is that "total" is...

Owl Carousel Horizontal Thumbnail Bar- add navigation

I have the following owl carousel with the thumbnail bar. Technology used here, Owl Carousel 2.3.4 Owl carousel Thumbs $('.sv-slider .owl-carousel').owlCarousel({ autoplay: false, ...

Owl Carousel 2 not Working in wordpress starry theme

Bellow the following Details For My WordPress and Plugin Details. WordPress Details: WordPress Version:4.9.8 WordPress jQuery 1.12.4 plugin Details: owl-carousel jQuery 1.0.0 plugin Version:...

Owl Carousel - Disable next button on last slide

I just started using Owl Carousel. Noticed that there is a bug in the owl.carousel.js. When using the option slideBy:'page' both prev and next navigation still function when disabled and on the...

owl-carousel 2 sync customization

I'm using Two owl carousel sliders with one navigation for my bootstrap website. In the below code prev and next is working perfectly. The problem that the ondrag and owl-dots functions are not...

owl-carousel slider on drag and dot click not working

I'm using Two owl carousel sliders with one navigation for my bootstrap website. In the below code prev and next is working perfectly. The problem that the ondrag and owl-dots functions are not...

How do I get this wp_query working in a shortcode?

I'm unable to get a wp_query working in a shortcode. I think I have it correct according to the wp codex but it keeps breaking my site - 500 error. It's in an external file for a genesis custom...

change the product color when the mouse hovers the color picker

Im working with wordpress + woocomerce. I need to change the color of the variation, when the mouse hovers it to match the color of the product. I currently see all the variations in blue (which...

Owl carousel controls duplicated

I have a product image that comes in diferent colors and I'm using owl carousel for the variation. I have a problem,because the variations are only four, but the dots variation are 7. I need that...

Owl Carousel Thumbs Height undefined

I am using a Plugin for Owl Carousel: https://github.com/gijsroge/OwlCarousel2-Thumbs It inserts Images as Navigation-Thumbs. I tried to figure out the height of the whole .owl-thumbs Element....

wordpress Theme is duplicated my page sections

well, I assuming that my wordpress theme is doing that, but I really dont know. Today I woke up and I was going to continue working on my home page and I saw that some sections are duplicate and I...

How to slide owl carousel slider and slick slider using the mouse wheel and MAC track pad with custom navigation?

I am using OwlCarousel 2 for a slider (https://owlcarousel2.github.io/OwlCarousel2/). I have three sliders as of now. My issue is, I have created the custom navigation(It's displaying below of...

Google Review slider is not working with owl carousel

I am trying to make google reviews slider using google API and owl carousel, the problem is that google reviews append data at the very last ( after page completely loaded ), owl carousel function...

Resize the height of all cards based on the one with the most content

I am using owl carousel to display different card items. Here, I am facing an issue with the height of each card. As we can see, card's height is depending on the content inside. I want to show...

Webpage dropdown menu on IE and Edge

This is a very basic dropdown and IE question I have a dropdown menu on webpage. Main menu is built with WP shapely theme and Polylang plugin (translation). Chrome and other browsers except IE...

how to dynamically change owl carousel image from MySQL database with information

I was searching online all day today and could not find any solution for adding a dynamic image to owl carousel from MySQL database with information. If anyone can help? I have done something like...

If i use jQuery(document).ready(function(){ ... my code}) = undifined function

I'm trying to use owl carousel in a wordpress ACF custom block. owl carousel works if I don't put jQuery(document).ready in my script. But if I have jQuery(document).ready, the console tells me...