1. Home
  2. Customization
  3. Customize VisualSP
  4. Center a small banner at the top or bottom of the page

Center a small banner at the top or bottom of the page

Applies to: VisualSP
Print Friendly, PDF & Email
You may have a use-case where you would like a banner to be smaller than browser width, and to have it centered, either at the top or the bottom of the page. Here is a simple way to accomplish that same effect.

Use a walkthrough

The easiest way to mimic a small banner appearing centered at the top of the page is by using a single-step walkthrough.
  1. Create a new walkthrough with a single step. Add a title and content:

  2. Configure it to Show as Splash Screen

  3. You can adjust the width of the bubble by configuring the Bubble Width:

  4. In the advanced settings of the walkthrough step, set the x-offset to center and the y-offset to top (or bottom if you want the walkthrough to appear at the bottom of the page):

Now, the walkthrough will appear at the top (or bottom) of the screen.
Updated on January 19, 2021

Related Articles