HyperBuilder
...
Blocks
Documentation Draft

Animated Featured List

7min

Overview

A block with a text section and animated clickable menu buttons.

Animated Featured List block - Page structure
Animated Featured List block - Page structure


Preview Animated Featured List block

Animated Featured List block - Preview
Animated Featured List block - Preview


General

Animated Featured List block - General settings
Animated Featured List block - General settings


The menu items are hoverable and can be set up as separate Cards. Set up an external link for each button to redirect visitors to another source.



Text

Animated Featured List block - Text settings
Animated Featured List block - Text settings

  1. Prefix : This will add a medium size text at the top of your Block
  2. Title : This is the main title in large text size
  3. Subtitle : This text will be printed below the title in small text size

Buttons

Animated Featured List block - Buttons settings
Animated Featured List block - Buttons settings


You can add buttons below your main content, add as many buttons as you need.

Button style

Animated Featured List block - Buttons style settings
Animated Featured List block - Buttons style settings


Choose between 6 different button styles. Depending on the chosen style you will have to change the text color to make the button text visible on your screen/button.

Button text

Animated Featured List block - Button text settings
Animated Featured List block - Button text settings


This is the text displayed on the button, when using multi-languages make sure to also enter the translations.

Button url :

Animated Featured List block - Button url settings
Animated Featured List block - Button url settings


First, use the dropdown and select "internal" or "URL". When using internal links make sure to make those relative. When using "URL" add the full URL to the website you want to link, so "https://your-website.com"

Updated 08 Aug 2024
Doc contributor
Did this page help you?