21st Nov '24
/
0 comments

Changing Bricks Lightbox Arrow Icons

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

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 625 Bricks code tutorials with BricksLabs Pro

Related Tutorials..

Pro
Sticky Scrolling in Bricks Builder

Sticky Scrolling in Bricks Builder

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…
Read more →
Categories: Bricks, Pro
Tags: CSS
Pro
Accordion Grid Query Loop in Bricks

Accordion Grid Query Loop in Bricks

How to set up a accordion in Bricks such that the "titles" are arranged in a grid with the full width content opening below.
Read more →
Categories: Bricks, Pro
Tags: Accordion, CSS, Query Loop
Pro
Custom Posts Grid Layout in Bricks using CSS Grid

Custom Posts Grid Layout in Bricks using CSS Grid

There are at least three ways in which we can build custom loops in Bricks. Posts elementTurning on Query Loop on a containerCode element While…
Read more →
Categories: Bricks, Pro
Tags: CSS, CSS Grid, Posts
How to add SVG icon as list item bullets

How to add SVG icon as list item bullets

Add this sample CSS: Replace brxe-list with the class of your ul element. Here's how you can generate the value of background-image property: Copy your…
Read more →
Categories: Free
Tags: CSS
How to Change Bricks Preloader Background Color

How to Change Bricks Preloader Background Color

Working on a dark-themed site like our friend Storm and getting blinded by the light background of Bricks' preloader screen of the editor? Here's how…
Read more →
Categories: Bricks, Free
Tags: CSS, Editor Tweaks
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
Dynamic Horizontal Posts Accordion in Bricks

Dynamic Horizontal Posts Accordion in Bricks

Creating a horizontal accordion of featured images from posts output by Bricks' query loop.
Read more →
Categories: Bricks, Pro
Tags: Accordion, CSS
Using Automatic.css in Bricks

Using Automatic.css in Bricks

Update on 18 Aug 2022: The info below is not up to date. Follow documentation/videos provided by Automatic.css. Automatic.css is an excellent CSS framework that…
Read more →
Categories: Bricks, Free, Plugins
Tags: Automatic.css, CSS
Auto Responsive Grids in Bricks

Auto Responsive Grids in Bricks

This tutorial provides the CSS that can be pasted for automatic responsive grids in Bricks Builder. Posts element Each post will get a right padding…
Read more →
Categories: Bricks, Free
Tags: CSS, CSS Grid, Posts element, Query Loop