---
title: Filter Button  (Filter Masonry)
description: "### Filter Button Customization   [YouTube video player](https://www.youtube.com/embed/I7njYIlc0nw) ![button settings](https://elfi.woocommercebarcode.com/wp-content/uploads/2020/12/button-min.png)   **Change All Text:**  by default, it is \"All\", you can change the text from here. **Button Style:**In the dropdown menu, click and choose one of 13 button styles ![Button…"
url: "https://elfi.woocommercebarcode.com/docs/button-customization/"
updated: "2022-12-19"
category: Elfi Masonry
---

# Filter Button  (Filter Masonry)

### Filter Button Customization

 

[YouTube video player](https://www.youtube.com/embed/I7njYIlc0nw)

 ![button settings](https://elfi.woocommercebarcode.com/wp-content/uploads/2020/12/button-min.png)

 

**Change All Text:**  by default, it is "All", you can change the text from here.

**Button Style:**In the dropdown menu, click and choose one of 13 button styles

![Button Style](https://elfi.woocommercebarcode.com/wp-content/uploads/2020/12/buuton-style-min.png)

 

**Button Alignment:**Where do you want to see the filter button? There are three options- Left, Center, right.  Click the toggle button and choose one.

 

### **Button Typography:**

 

**Click for Typography:**Click the button for typography, choose, font size, text decoration, font-weight, etc.

**Button Bottom Spacing:** button spacing from its bottom side

**Button Right Spacing:**One button has spacing on the other side of the other button

 

### Button Color:

**Button Text Color:** Choose the button color

**Button Active Color:** choose button color when it is active

**Button Border Color:** choose the button border-color

 

### Mobile Layout:

 

**Set Vertical Button For Mobile/Tablet Layout:**Click this switcher button to display the vertical menu in the mobile version