HyperBuilder
...
Blocks
Documentation Draft

Quote

8min

Overview

Another text block but with extended features. It can be used for Info text, Cookies, etc.

Quote block - Page structure
Quote block - Page structure


Preview Quote block

Quote block - Preview
Quote block - Preview


General

Quote block - General settings
Quote block - General settings


Text alignment

Text can be aligned Left or Center.

Quote block - Text alignment settings
Quote block - Text alignment settings


Content width

You can set the width of your content to 30%, 40%, 50%, 60%, 70% or 100%

Quote block - Content width settings
Quote block - Content width settings


Background color

Click the rectangular box to pick a solid background color.

Quote block - Background color settings
Quote block - Background color settings


Background mode

Full will display the Quote across the full width of your screen. When you set this to Reduced it will add spacing/padding to the left and right side of your Quote block.

Quote block - Background mode settings
Quote block - Background mode settings


Text color

Click the rectangular box to pick a text color.

Quote block - Text color settings
Quote block - Text color settings


Text

We can see that the topic has three sections Prefix, Title, Subtitle, Text. The text can be adjusted according to your preferences.

Quote block - Text settings
Quote block - Text settings


Buttons

Quote block - Button settings
Quote block - Button settings


You can add multiple buttons, for this you need to press on '+ Add' icon. You can also insert a link (internal or url):

a) Select a button style, there are 6 styles available

b) URL, copy the chosen link, but don't forget to insert it for every language.

c) Internal link, pick your page from a list of pages available in Hyper Builder, which in this case automatically will be chosen for every language.

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