You can enhance any of your Contentfry Displays with a Banner, whether it’s for a web display or a screen. Follow these steps to design and integrate a banner into your Social Wall.
💡Creating your first display? Learn how to get started here.
1. To activate the banner, go to the "Display" tab of the Contentfry display where you want to add the banner, click on the arrow, and then select the banner type you want to add. If you're unsure which type to choose, select any option – you can change it later.
2. You are now in the Banner Settings. Here, you have various options for styling your banner. Click on the option below to directly jump to the section for guidance.
Banner Type
You can choose from three different Banner Types: Looping, Ticker, and Rich Text. Below are previews and a short desciption of each type.
1. Select the Banner Type you would like to apply from the dropdown menu.
Banner Type: Looping
The Looping banner will display lines of text that loop continuously. You can customize the placement of the text and logo and adjust the looping speed.
Banner Type: Ticker
The Ticker banner will display lines of text that flow across the screen in a news ticker style, including your logo if you choose to add one. You can customize the speed of the text flow.
Banner Type: Rich Text
The Rich Text banner allows for longer texts and is not animated for better readability. You can use various text formatting options such as headlines, bold, or italic. If you have a lot to say, you can show the banner in a larger size on either the left or right side of your Social Wall.
2. Next, select the position of the banner, the arrangement of text and logo, and the speed of your text animation from the different dropdown menus. The available options will vary depending on the type of banner you chose.
Banner Text
1. Enter the text you want to display on your banner in the Banner Text box. The font will be inherited from the Design Settings and will be consistent across all your displays.
2. For the "Rich Text" banner, you have additional formatting options. To format your text, highlight the desired text passage, and the formatting options will appear.
Background and Text Colour
1. Click on the colour field to select the background color and text color for your banner.
2. Alternatively, you can upload your can own image or add an animation.
Design and Upload your own Banner
If your banner needs to fulfill special requirements beyond the capabilities of our editor, you can design and upload your custom banner as an image.
To upload your banner image, click on Add.
Then select Upload to upload your image or Add Image URL if your image is hosted on your own server.
After uploading your banner image, you can make adjustments to fit it into the provided space. To start making adjustments, click on the Background Size button and select your desired setting.
Add Animations as a Background
To design a fun or dynamic banner, you can also use animations as a background.
To add an animation, click on Add and then select Animations.
You can choose from one of our provided graphical animations or search for GIFs on Giphy.
After selecting an animation, you can make adjustments to fit it into the provided space. To start making adjustments, click on the Background Size button and select your desired setting.
If your uploaded image is larger than the banner space, use the Focal selection to choose the desired image section.
Simply click on the area you want to focus on, and the blue circle will move there. You can then drag the circle with your mouse to find the best part of your image for the banner.
Add a Logo to your banner
ou can upload your logo to the banner or add a small animation for extra fun.
To start, click on the Add Logo button. Then select Upload to upload your image, or Add Image URL if your image is hosted on your own server. If you prefer to add an animation from Giphy instead of a logo, select Animations.
After uploading your logo, you can adjust its size by clicking on Select Size and choosing one of the three options: small (sm), medium (md), or large (lg).
What's next?
Are you looking for detailed instructions on how to create and style a display? These articles might be helpful to you.
To learn more about how to integrate your Social Wall on a website or TV screen, go to the Publishing a Display Collection.