Categoría: BRICKS CSS PRO

This Pro tutorial provides the CSS code for changing the left and right arrow svg icons with custom ones in Bricks lightbox which can be seen in elements like Image Gallery. Before: After: CSS .pswp.brx .pswp__button–arrow svg { display: none; } .pswp.brx .pswp__button–arrow–prev::after, .pswp.brx .pswp__button–arrow–next::after { content: »; color: #fff; width: 24px; height: 24px; background-repeat:…

Updated on 22 Apr 2024 This Pro tutorial provides the steps to fix elements in the viewport i.e., make them sticky while adjacent content in the section continues to scroll in Bricks. The key is setting Position: sticky for the container having the element(s) you want to be in fixed position. We need to add a bit of…

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…