The New Tickers block in Fontis displays scrolling content, including text, images, and logos, in a moving line. It’s useful for highlighting announcements, partner logos, or product highlights in a clear and attention-grabbing way without taking much space.

Adding Frontis New Tickers Block 

To insert the New Tickers block, navigate to the post or page where you wish to include it. Next, tap the (+) plus icon located at the upper left corner of the display.

The Frontis menu bar interface will appear. Search for the New Tickers block in the search box or select it from the menu bar.

After inserting the New Tickers blocks, follow the steps below;

• Click on the Document Overview button, and you will be able to view the block list on the right side.
• Click on the block; all the control tabs will show here (Basic, Style, and Extra).

Basic Section

• Presets: The presets heading refers to a pre-designed heading segment. You can modify or personalize the heading with a simple click. We offer 5 presets (including the default). You have the option to select any one of them.
• Settings: The settings panel provides two toggles—Show Navigation and Show Time. Enable these options to display navigation controls and time within the ticker block.

Basic > label 

• Content Type: The Content Type option offers flexibility with Custom and Dynamic modes. Select the one that best suits your needs.
•  Label Position: This section lets you change the label position to Left and Right.
• Label: The Label option lets you add a short title or tag to identify your ticker block content.
• Show Icon: The Show Icon toggle lets you add or hide the icon in the Title section. You can also change its position to left, middle, or right.

Style Section

Lable

• Typography: In this section, you can change the font family, font size, font weight, font style, text transform, text decoration, letter spacing, and line height.
• Color: This feature lets you change the color of your Typography.  
• Padding: Adds space inside an object, around its content. You can adjust all sides or each side separately.
• Margin: Adds space outside an object, affecting its placement. You can adjust all sides or each side separately.
• Background Type: This setting provides flexibility to use classic colors, add gradients, or an Image to the background.
• Background Color: This feature lets you change the color of your Background.  
• Border and Border radius: Here, you can place a border around the entire area and adjust the border color,  border style, and border radius.

Label Icon

• Icon Size: This feature lets you customize the icon size. You can customize the icon size as you wish.
• Icon Color: The Icon Color section lets you customize the icon color and background color. You can customize the icon color as you need.
• Padding: Adds space inside an object, around its content. You can adjust all sides or each side separately.
• Margin: Adds space outside an object, affecting its placement. You can adjust all sides or each side separately.
• Background Color: The Background Color feature allows you to change the background color.
• Background Type: This setting provides flexibility to use classic colors or add gradients to the background.
• Border and Border radius: Here, you can place a border around the entire area and adjust the border color,  border style, and border radius.

Extra Section

Z-Index: Consider the z-index as layers of sheets on a table. The greater the z-index, the more “above” the element appears. Therefore, if two elements intersect, the one with the greater z-index will be displayed in front.

However, it functions only when the element is positioned (relative, absolute, fixed, or sticky). Without it, z-index has no effect. 

Overflow section: The Overflow feature in the Advanced section of Frontis Blocks controls how extra content behaves when it goes beyond the block’s size. The overflow property determines the action to take in this scenario.

Values of overflow:

• Visible: The visible overflow value shows all content, even if it goes outside the box. It won’t be hidden or cut off, and no scrollbars will appear. 
• Hidden: The hidden overflow value hides any content that goes outside the box. It gets cut off, and no scrollbars appear, so users can’t see the extra content.
• Scroll: The scroll overflow value always shows scrollbars. If the content is too big, you can scroll to see it. Even if there’s no extra content, scrollbars still appear.
• Auto: The auto overflow value adds scrollbars only when needed. If the content fits inside the box, no scrollbars show. If it overflows, scrollbars appear automatically.
• Clip: The clip overflow value hides any content that overflows the box without showing scrollbars. The extra content is simply cut off and cannot be seen or scrolled.

Padding: Padding allows you to add spaces around an object to increase the inner area. You can also add space on a single side with this feature. Click on the Link icon and add or reduce the padding on any side you want.

Margin: Margin enables the adjustment of an object’s placement on the canvas. With this feature, you can add a margin around an object or a single side. Click on the Link icon and add or reduce the Margin on any side you want.

Border and Shadow: You can place a border around the entire area and adjust the border color and border-radius. This option allows you to apply a box shadow to the Tabs block.

Responsive Control: In this section, you will get 3 switches (Hide on Desktop, Hide on Tablet, Hide on Mobile). These switches let you show or hide the section on different devices.

Custom CSS: If you are an expert or have coding knowledge, you can add custom CSS in this section to make it responsive.