I'm using the Gutenslider plugin on my home page to display some graphic design samples. However, I don't see an option to position the captions below the slide image. Guten drops them smack in the middle of the image. I launched the dev tools in the tab I'm previewing in and if I add absolute positioning to the (caption) paragraph element or its container, I end up pushing the caption downward, but it eventually disappears when it goes beyond the …

<div class="container"> <div class="row"> <div class="col-md-12"> <div class="owl-carousel" id="product-slider"> <?php while ($loop->have_posts()): $loop->the_post();?> <div class="product"> <?php $loop = new wp_Query(array( 'post_type' => 'home_producten', 'orderby' => 'post_id', 'order' => 'ASC', ));?> <?php if (has_post_thumbnail()) { // check for Image the_post_thumbnail();}?> <h3 class="title"> <?php the_title();?> </h3> <p class="description"> <?php the_content();?> </p> <a class="btn btn-warning text-uppercase" href="<?php the_permalink();?>"> See More </a> </div> <?php endwhile;?> </div> </div> </div> <!-- ==== END OF CAROUSEL ===== -->

I am new in WordPress. I want to set up a display schedule for slider images. I couldn't find any keyword about this. Does WordPress have a feature like this? How to implement it? Thanks

I'm trying to cut down on some work for myself and I was hoping someone might know if this is possible. These are images setup in a slider that shows a text overlay on the image on the next slide in a multi-page post. Here's what I'm trying to do. Take this: <h2>Image Title</h2> [caption]<img src="http">[/caption] text for slide And output them like this: <div class="singe_slide"> <h2>Image Title</h2> [caption]<img src="http">[/caption] </div> <!--nextpage--> <div class="singe_slide"> <h2>Image Title</h2> //Same Image Next Page …

I've already set all the fields in my theme settings but I want that carousel-items class repeats whenever I add slides to it, and [0] changes to [1],[2],... <div class="carousel-items"> <a href="<?php echo website_TDU; ?>/single.html"> <div class="carousel-main-image"> <img src="<?php echo $main_slider[2] ['main_slider_main_image']; ?>" alt=""> </div> <div class="carousel-more-info"> <div class="game-name"><?php echo $main_slider[2] ['main_slider_title']; ?></div> <div class="screenshots"> <div style="background-image: url('<?php echo $main_slider[2] ['main_slider_thumbnails1']; ?>');"></div> <div style="background-image: url('<?php echo $main_slider[2] ['main_slider_thumbnails2']; ?>');"></div> <div style="background-image: url('<?php echo $main_slider[2] ['main_slider_thumbnails3']; ?>');"></div> <div style="background-image: url('<?php echo …

I have this slider on my front page. Right now when I click on an image it goes directly to the permalink and the post. How do I make all the slides go to one specific page? this is the loop for the slider: <ul class="tm_magzslider"> <?php $recent = new WP_Query( array( "cat" => $tmcategory, "posts_per_page" => $tm_totalpost, "post_type" => "post", ) ); while($recent->have_posts()) : $recent->the_post(); ?> <?php if (has_post_thumbnail()) { ?> <li><a href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>"> <img …

I have added this snippet to functions.php to be able to order Slider Revolution slides: // orderby slideshows function modify_slider_order($query, $slider_id) { // only alter the order for slider with "x" ID // https://tinyurl.com/zb6hzpc if($slider_id == 17 ) { // Custom Meta key/name $query['meta_key'] = 'numeric_order'; // Order by Custom Meta values $query['orderby'] = 'numeric_order'; // Calculate order based on: // 'NUMERIC', 'CHAR', 'DATE', 'DATETIME', 'TIME' $query['meta_type'] = 'NUMERIC'; } return $query; } add_filter('revslider_get_posts', 'modify_slider_order', 10, 2); I would like …

I was able to create a slider for the main image. How can I create a slider for thumbnails ? I don't know what to do about it Thanks in advance Link to Single Product Page functions.php function cuswoo_update_woo_flexslider_options( $options ) { $options['directionNav'] = true; return $options; } CSS ul.flex-direction-nav { position: absolute; top: 30%; z-index: 99999; width: 100%; left: 0; margin: 0; padding: 0px; list-style: none;} li.flex-nav-prev {float: left;} li.flex-nav-next {float: right;} a.flex-prev {visibility:hidden;} a.flex-next::after { visibility:visible;content: '\f054'; font-family: …

Does anybody knows how to use Flexslider in a child theme? I'll try plugins and it works find, but i figure the theme has a flexslider.js file, but i don't know how to use it.

I am new developer to wordpress, so please forgive the basic question. I have a problem with width of a column group. I have a 2 column column group. on the left side I have a slide show, and on the right, I have a pair of vertically stacked images. See below: in the edit page, this looks extremely normal. no problems. But when I go to preview, the whole thing is pushed extremely right. When looking at the CSS, …

I am writing a post in which I've following images line by line which I need to set as a slider. Theme is generatepress. Will it require coding or a plugin will help. Looking forward for helpers. Any source is appreciated

In the homepage of this website, I have the widget "Genesis - Responsive Slider". From the "Genesis - Responsive Slider" Settings, one can see that it is picking up the posts from this website. However, I wonder if, instead of picking up the posts from this website, it can pick the posts from this other website (whose parent theme is also the Genesis Framework) and display them in the slider. If yes, how should one proceed?

I am new to wordpress, and I am trying to create new website. I found really nice-looking theme, but when I installed and activated it, it looks very simple compared to the preview page. Is it due to that I have to pay to make my website look 100% similar as preview? Anyway, how is this feature called, that you can see in the picture? There are 3 thumbnails, that are sliding after some time, and they are clickable. Could …

i my website them has a sildeshow in this slideshow show 5 newsest post! i need chane newpost to a Specific catagory for exp news catagory? my slideshow code is: <div class="callbacks_container"> <ul class="rslides" id="slider3"> <?php $the_query = new WP_Query(array('order' =>'descending','orderby' =>'ID','posts_per_page' =>'5')); while ($the_query->have_posts()) : $the_query->the_post(); ?> <li> <?php if ( has_post_thumbnail() ) { the_post_thumbnail('large'); } else { echo '<img alt="No Image" src="' . get_stylesheet_directory_uri() . '/images/no-image.png" />'; } ?> <p class="caption"> <?php the_title(); ?> </p> </li> <?php endwhile; …

I try to convert a category static slider in my home page for woocommerce but I don't know use which loop or function to do that, here is my code: <div class="row mt-3 mb-5"> <div class="col-12"> <div class="category-section dt-sn dt-sl"> <div class="category-section-title dt-sl"> <h3>More Than 3000 products</h3> </div> <div class="category-section-slider dt-sl"> <div class="category-slider owl-carousel"> <div class="item"> <a href="#" class="promotion-category"> <img src="./assets/img/category/notebook-computer.png" alt=""> <h4 class="promotion-category-name">Electronics</h4> <h6 class="promotion-category-quantity">150</h6> </a> </div> <div class="item"> <a href="#" class="promotion-category"> <img src="./assets/img/category/lifeline-in-a-heart-outline.png" alt=""> <h4 class="promotion-category-name">Beauty</h4> <h6 class="promotion-category-quantity">620</h6> …

I want to put the "swiper slider" in my front page. I can set this plugin work with html, js, css. But, I wonder how to change images of this slider in admin. when I use jquery plugin, I want to change image of slide in admin area. Can you give me some tips to change images in admin that is tagged in html.

after a search throughout the already asked questions I couldn't come to a solution to my problem, this one is the closest I found: My custom post type displays the [latest post] I had a slider built into the homepage, but I have noticed that after a while of it working fine, it now only displays the latest post type. Here is the current code for the slider: <div class="half slide-container"> <ul class="slider"> <?php $slides = get_posts( array( 'numberposts' => …

I would want to have the below setinterval() to start afresh once the last slide is reached, am having three div and but the slide stops once it reaches the third div, i would want it to start again from the first. My Html code <html> <head> <link rel="stylesheet" type="text/css" href="style.css" /> <script src="jquery.min.js"></script> <script src="myjava.js"></script> </head> <body> <div class="container"> <div id="slide1" class="slider1">My first slide goes here</div> <div id="slide2" class="slider2">My second slide goes here</div> <div id="slide3" class="slider3">My third slide goes …

I need to post articles and pages present in two specific taxonomy in a slider. I tried to merge the $args and $args2 but the slider disappears from the page. Could anyone tell me how to write the code correctly? Thanks! This is the code: <?php $slider_counter = 0; $args = array( 'post_type' => 'post', 'category_name' => 'slider' ); $args2 = array( 'post_type' => 'page', 'tax_query' => array( array( 'taxonomy' => 'my_taxonomy', 'field' => 'slug', 'terms' => 'slider' ) ) …

I want to make a testimonial slider with slick from https://kenwheeler.github.io/slick/. i use WP_Query for get the post with specific category. the slick works finde but it doesn't show the content. This is my PHP code: <div class=" container"> <div id="testimoni-carousel" class='row testimoni-carousel' dir="rtl"> <?php $args = array( 'post_type'=> 'post', 'category_name' => 'komentar' ); $query = new WP_Query( $args ); if ( $query->have_posts() ) { while ( $query->have_posts() ) { $query->the_post(); ?> <div class='text-center testimoni-teks col-12'> <h2 class='text-white'><?php the_title() ?></h2> …