---
description: Guide on how to use Lisfinity Banner Features Category shortcode
---

# Banner Featured Categories

In the **Banner Featured Categories** Shortcode, you can display and style the Featured Categories.

In the tab **Categories Content** click on the **Add Item** button and pick the category you want to display.

Set the label, link, and choose the icon to display.&#x20;

![](https://1486114154-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lz6OF0whdfulTst_zqR%2F-MI-h6jYezjnYBYWMo1N%2F-MI-hC8hDWnS4LNrK_x4%2Fcontent.jpg?alt=media\&token=295feb95-8831-4585-993d-732251c3a733)

**Banner Featured Categories** style

Categories tab contain three section - one where you can style text, one for the Category Box style and one for the **On hover** action.

**Text** - color, typography, and position of the terms.

![](https://1486114154-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lz6OF0whdfulTst_zqR%2F-MHuujcKDtSzEg1hlcZr%2F-MHuzubRBPIYLC6qZN4s%2Ftext-style.jpg?alt=media\&token=f9549998-14a4-47bd-997d-5095b4e30241)

**Category Box** - width, height, padding, margin, border-radius, and background color of the category box.

![](https://1486114154-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lz6OF0whdfulTst_zqR%2F-MHuujcKDtSzEg1hlcZr%2F-MHv-YGYrmvkM2SvxJ8K%2Fcategory-box.jpg?alt=media\&token=15783ecb-d1a8-4238-8855-8fae5c1dcc1a)

**On hover** - change the color of the text on hover, width, height, background color, and the border of the category box on hover.

![](https://1486114154-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lz6OF0whdfulTst_zqR%2F-MHuujcKDtSzEg1hlcZr%2F-MHv0H9Ic9XK0qAMZMi3%2Fon-hover.jpg?alt=media\&token=58c733f9-e539-4b76-b08a-779f73f16a3e)

**Categories Icon** - change the size and the color of the icon and icon on hover.

![](https://1486114154-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lz6OF0whdfulTst_zqR%2F-MI-h6jYezjnYBYWMo1N%2F-MI-hhEfYuS6JXsGgXGQ%2Ficon-style.jpg?alt=media\&token=c8efd56d-c0e1-4b82-ac20-b1031a2350f4)

![](https://1486114154-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lz6OF0whdfulTst_zqR%2F-MHv2MxWNB81Xqd3o6aY%2F-MHv4ZXukdZQNnHs9p8X%2Felement.jpg?alt=media\&token=74fc06b0-ec77-4fd5-a198-72fde6b37455)
