Integrating Bootstrap carousel in WordPress without plugin

I have integarted bootstrap carousel into my wordpress. The slides will be taken from the posts which will be tagged as "featured" so only 5 recently enter "featured" posts will be shown. Below is...

Re-positioning Bootstrap Carousel Caption

I was examining some past SO posts on this, but none of them helped me. My issue is that my captions are being pushed down to the point where they are no longer visible. This might be due to the...

Visual Composer image carousel doesn't loop properly

It's my first post, so please be forgiving for my english. I have an issue with Image Carousel VC component. I need to set up something like logotypes slider (5 logos in a row) and when i set it...

Smooth Scroll not working properly on mobile layout

I'm doing a site and in browser layout, smooth-scroll works perfectly but in mobile layout when I click in a link it doesn't leave me in the right place. Always much lower. Why? I have reviewed...

Create Vertical Owl slider with 2 itmes at a time

I am using Owl carousel to create slider I created one horizontal slider but I need one vertical one as well with three items at a time. I searched but no answer or related post found. Update: I...

Owl carousel Navigation is inverted

It is a bit hard to explain what is happening. Basically, right now when I press the next button, it goes to the previous slide. If I press prev it goes to the next slide. I do have RTL enabled...

Slick.js: Slick slider not dragging properly (snapping back to first slide)

The Problem I'm setting up a slick slider/carousel on a Wordpress website. Everything works/displays perfectly, however the slider has stopped dragging correctly. I can still physically drag the...

How to add custom links to individual images on Advanced Custom Fields Gallery?

I currently have a single post template created in Elementor where I have 2 banner images on a slider that is using Elementor's Image Carousel widget. The image source is dynamic, coming from the...

syntax error, unexpected 'endforeach' (T_ENDFOREACH), expecting end of file (in my slider view - carousel)

I don't know what to do, my index page doesn't work... I mean it working perfectly before I add function slider that already connect to database... What must I do? An uncaught Exception was...

Bootstrap carousel template not working in django

I am trying to add bootstrap carousel to my home page in django app it is not changing slide. templates/posts/index.html {% extends "posts/base.html" %} {% block content %} <div class="container...

How to fix bootstrap 4 carousel wordpress loop post?

How to have dynamic bootstrap 4 carousel in Wordpress custom post types ? code : <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel"> <ol...

How to avoid accidental click events while dragging?

I have a slider built using Slick, each slide has a data attribute that get copied to an input field when a slide get clicked then the form with the value on that input field get submited. The...

wp_localize_script is not accepting dynamic value

*Context I am new to WordPress plugin development and I have just started developing one. Which is basically a blog slider plugin. The concept is very simple. The user can use shortcodes with...

How to import images within a Gatsby blog Mdx file (for a slick carousel)

I am currently trying to setup a Gatsby's blog. While looking at the doc I came across Mdx, a way to use React component in Markdown file (which is an awesome concept by the way!). However, I...

Trying to access array offset on value of type null (View: /app/resources/views/products/productView.blade.php)

can anyone help me with this error? my project is working fine on local server but when I push to heroku it gives me the below error. Any help ? I am using php version 7.3.7 and laravel version...

html css file note displaying image using jinga format for django

my index.html: {% load static %} {% static "images" as baseurl %} <!DOCTYPE html> <html lang="en"> <head> <title>Travello</title> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible"...

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 make my react-multi-carousel use a light-box feature for my ReactJS app

I have images coming in from a rest api, into my application. Those images then get populated into a react-multi-carousel. What I would like to do is to make those images clickable for a...

React images caption error from api maybe to do with correct Index

Following on from: https://stackoverflow.com/questions/61219761/how-to-make-my-react-multi-carousel-use-a-light-box-feature-for-my-reactjs-app/61221279?noredirect=1#comment108339847_61221279 My...

How to display bootstrap carousel with multiple items in each slide?

Bootstrap Ver: 3.3.7 I want to display multiple images in one slide in bootstrap carousel. Searched a lot and came across this site...

React paginated rendering with embla carousel mapped components

So I created a search page where you get result set displayed and have options to limit results to 10, 25, 50 and it applies pagination automatically if there are more results than displayed on...

Vuetify - overlay text closing transition with carousel

What's up everyone! My name is Jay, I am new to web design and been using Vuetify for my first web project. Right now, I have a carousel setup and some overlay text placed at the center of each...

react native videos in carousel

I have been trying to play single video from a slider containing of multiple videos and images.. What i used and tried is in below. 1. react-native-video, 2. react-native-snap-carousel How to...

Django photologue images and queryset

I've added photologue to my project, because it does 99% of the things I was trying to achieve by myself. Now I need to connect the uploaded images and images in galleries to my posts. This is why...

Owl carousel not showing Dynamic contents on screen

I am using owl -carousel for Dynamic content display for website testimonial. But I am not able to display owl slider on the screen. I mean after building the app on device slider is not...

Bootstrap Carousel not working, does it need javascript code?

I did an exact copy of the Carousel at the Bootstrap page example but it does not work at all. The slide does not work, it keeps in the first image always. Should I add some Javascript? I put the...

Woocommerce custom product slider shortcode

I am working on woocommerce custom product slider shortcode similar to snapshot but I don't know how to use slider with woocommerce. ( https://www.buywholefoodsonline.co.uk/ ) My idea is to use...

Unhandled Runtime Error ReferenceError: Can't find variable: ResizeObserver on Safari

My Next.js website is using a slider https://github.com/nerdyman/react-compare-slider It works great, but not on Safari, either Desktop or iPhone. here is my...

next/image not working with props as image source

My Home page sends data from my strapi cms to my PostSlider component via props import React from "react"; import styles from './index.module.scss' import { AxiosService } from...

Append Data on bootstrap carousel with ajax

I want to ask how I can append ajax data on the bootstrap carousel. 2 post-show on the bootstrap carousel when the page load for the first time then if someone clicks the next arrow bootstrap...