Skip to main content

Create Horizontal Filter Checkbox With Custom Icons

Introduction

Follow these steps to create a horizontal filter checkbox with custom icons.

Step 1: Create A Checkbox Filter

Create a checkbox Filter.

Step 2: Add Custom CSS

Add this custom CSS to Divi > Theme Options > Custom CSS and customize the icons using THIS document.

.dmach-acf-item-content ul {
display: flex;
flex-wrap: wrap;
flex-direction: row;
gap: 50px;
}
.dmach-acf-item-content ul li {
flex: 1 0 21%;
}
.dmach-acf-item-content ul li::marker {
content: "\e052";
color: #821d21;
font-family: "ETmodules"!important;
font-weight: 400;
}