Callout

overview the callout block is a part of the body that has the option to create text/content on various backgrounds, such as images or videos and add up to 3 content columns at the bottom of the block sample callout block callout block sample background you have several options to design the callout block, first thing to do is to set your background banner height desktop there are 5 different sizes you can use small this will display your callout block at 1/4th of the screen medium this will use half of your screen large this will use 3/4 of your screen full height this will use the full height of your screen fit content this will fill the content of the block banner height mobile there are 5 different sizes you can use small this will display your callout block at 1/4th of the screen medium this will use half of your screen large this will use 3/4 of your screen full height this will use the full height of your screen fit content this will fill the content of the block b ackground types there are 3 different types of backgrounds available for use image (static) video none b ackground media click the " open media library " button to select an image from your media library video autoplay set this switch " on " to start playing your background video automatically when someone visits your page when set to " off " a play button will be diplayed on top of the callout block, visitors can start the video by clicking this button show controls set to " on " or " off " to show or hide video play/pauze controls background mode choose either full or reduced full will fill the width of the screen reduced will display a smaller background text prefix this will add a medium size text at the top of your callout content title this is the main title in large text size subtitle this will be printed below the title in small text size content width use 30% , 40% , 50% or 100% of the available block to display your content horizontal content align choose left , center or right vertical content align choose top , center or bottom text color click the rectangular button to set your text color cards cards are used to define the extra colums at the bottom of the callout block you can add up to 3 columns which include a title , text and a button button style 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 text alignment align the text to the left, center or right side of the button items per row here you can specify how many columns you want to add at the bottom of the callout block maximum 3 columns can be added columns content is defined as cards cards you can add maximum 3 columns (cards), for this you need to press on ' + add ' icon add a title and text content and a button a) url , copy the chosen link, don't forget to insert it for every language b) 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 buttons you can remove individual card buttons by switching on the " override card buttons " override card buttons when you switch this on, all existing buttons at the bottom of the callout columns will be replaced by this new button(s) main button 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