1. Home
  2. Docs
  3. Getting Started
  4. Exclusive Elements
  5. Filterable Gallery

Filterable Gallery

How To Configure and Style Filterable Gallery Element.

Using Filterable Gallery Widget of Exclusive Addons Elementor, you can create beautiful Filterable Gallery for your webpage.

STEP 1:

Select the ‘Filterable Gallery’ widget from Elementor panel. Then drag and drop it in the selected area.

STEP 2:

In content tab consist of ‘Item’ and ‘Settings’.

2.1. You can add a item by clicking add item button. Also can delete item by clicking cross button.

2.2. Each item contains gallery title, details, control name and image. Control names are seperated by comma. Two items control name could be same. thats how filterable gallery works.

2.3. In settings section you can give number of column, hover style, show icons and show controls. You can also enable or disable title, discription. You can put the content below the image.

STEP 3:

In style tab consist of ‘Container’ and ‘Control’, ‘Icon’ and ‘Content’.

3.1. Container section consist of box shadow, padding and margin.

3.2. You can set padding, margin and box shadow. Also can set typography and item padding. You can also set border, border radius, text color and background color for normal, hover and active.

3.3. For icon of share and link you can set icon size, box size, icon color and backdround color both for normal and hover.

3.4. For icon of share and link you can set icon size, box size, icon color and backdround color both for normal and hover.

3.5. You can set the content below the image or over the image. Also can set background color of the content. For title an description you can set color, typography and some more options.

STEP 4:

Finally, after clicking the update button you will see the beautiful Filterable Gallery on your webpage.

Was this article helpful to you? Yes No

How can we help?