Want to display featured images of Posts in a responsive carousel in your Genesis site? In this site I show how we can use bxSlider jQuery script for automatically converting Posts output by a WP Query loop into a carousel. Post titles are going to appear at the bottom when the featured image of each […]
Search Results for: carousel
Custom Carousel in WordPress using bxSlider with a backend UI using CPT
In this article I show how we can set up a carousel (with 3 images scrolling at a time) using bxSlider in WordPress. We shall use Types (free plugin) to create a ‘Carousel Images’ CPT (Custom Post Type) and a ‘Video URL’ custom field, then use Views (commercial plugin) to loop through the CPT entries, […]
Swiper in Genesis
Swiper is a free mobile touch slider with hardware accelerated transitions and amazing native behavior. I have switched from Owl and SlickJS to Swiper for custom jQuery sliders and carousels. This members-only tutorial provides the steps to apply Swiper on Genesis Featured Posts. We are going to register a `home-featured` widget area. output `home-featured` widget […]
Auto rotating Genesis – Featured Posts
A user wrote to me, I’ve had numerous instances over the last couple of years where I’ve had to accommodate a client request to have a “testimonial rotator” – not an actual slider or carousel or anything, but just a tool that will display a “testimonial” in a spot (sidebar, or page), fade it out, […]
Reply To: How to include post-meta info using Genesis Responsive Slider
Slick just takes the HTML and shows that as a slider/carousel. We still need to either write a manual WordPress query or use a plugin to output the HTML with the elements (image, title, custom fields etc.) we want to show and then style everything. I will work on this today and write a tutorial […]
Reply To: Full width header image and carousel slider with images and content using ACF
I’ve just published a tutorial that should get you started: How to display ACF Repeater items in a carousel using SlickJS
How to add a transparent color overlay to Soliloquy slider
In the members-only forum a user asks: How would you go about adding an overlay to a Soliloquy Slider, for example if you wanted to add an image tint (background: rgba(89, 33, 49, 0.5);) or a pattern. This could also be handy if you wanted to use a Carousel to display Logos, in which you […]
New Tutorial: Adding an Overlay to a Soliloquy Slider
Hi Sridhar, How would you go about adding an overlay to a Soliloquy Slider, for example if you wanted to add an image tint (background: rgba(89, 33, 49, 0.5);) or a pattern. This could also be handy if you wanted to use a Carousel to display Logos, in which you could add a grayscale effect […]
Reply To: Adding Logo Carousel Slider to Genesis Theme
Have you tried https://soliloquywp.com/addons/carousel/?
Random image from Soliloquy slider as full-sized background in WordPress using Backstretch
In the comments section of Setting a random full-sized background image in WordPress using Backstretch tutorial, a user asked: Is there a way to make it choose from images in a gallery so that the client more easily add images without having to get at the files? In this tutorial I show how a single […]
Recent Comments