10th Mar '23
/
1 comment

Slow Zoom Effect for Slides in Bricks

This Pro tutorial provides the steps to set up a slow zoom effect for slides of nestable slider element in Bricks.

Step 1

Add a Slider (Nestable) element inside a Section's Container in your Bricks template/Page.

Delete Slides 2 and 3. We are going to first configure Slide 1 and duplicate it as many times as the number of needed slides.

This is a BricksLabs Pro tutorial.

For full access login below or create your BricksLabs Pro account

Tagged:
Bricks
CSS
Pro

Sridhar Katakam

Sridhar Katakam is a Bricks enthusiast. He likes helping others by researching and solving WordPress-related problems and building websites.

Get access to all 626 Bricks code tutorials with BricksLabs Pro

Related Tutorials..

How to import custom posts with featured images and custom fields by fetching an API using a single AJAX call

How to import custom posts with featured images and custom fields by fetching an API using a single AJAX call

In this tutorial, we will import a list of movies - including images and custom fields - inside a custom post type by fetching a…
Read more →
Categories: Bricks, Free
Tags: AJAX, API
Sticky Element using Position Sticky

Sticky Element using Position Sticky

If you are looking to make an element, typically, the site header sticky whether it is at the top of the page to begin with…
Read more →
Categories: Free
Tags: CSS, Sticky
Pro
Bricks Slider Images From ACF Flexible Content Sub Field

Bricks Slider Images From ACF Flexible Content Sub Field

Consider the following field group associated with Pages when using ACF Pro: "Page Fields" field group|_"Page Content" Flexible Content field|__"Layout 1" layout|___"Title" Text field|___"Layout 1…
Read more →
Categories: Bricks, Plugins, Pro
Tags: ACF Pro, Flexible Content, Slider
Pro
Changing Bricks Lightbox Arrow Icons

Changing Bricks Lightbox Arrow Icons

How to change the left and right arrow svg icons with custom ones in Bricks lightbox.
Read more →
Categories: Bricks, Pro
Tags: CSS
How to Add a Dot Separator Between Nav Menu Items in Bricks

How to Add a Dot Separator Between Nav Menu Items in Bricks

Looking to add a circular dot separator between the nav menu items in your Bricks site? Add the following at Bricks → Settings → Custom…
Read more →
Categories: Bricks, Free
Tags: CSS, Nav Menu
Pro
Testimonials Slider in Bricks

Testimonials Slider in Bricks

Setting up a dynamic testimonial slide that pulls the data from a CPT's post fields and custom fields.
Read more →
Categories: Bricks, Pro
Tags: ACF, Slider
How to Create a Progress Bar for the Nested Slider in Bricks

How to Create a Progress Bar for the Nested Slider in Bricks

In this tutorial, we'll learn how to add a progress bar to our nested slider element in Bricks. Introduction A user recently asked in the…
Read more →
Categories: Bricks, Free
Tags: Nested Slider