To brand your Gameball player widget to match your website/app look and feel, you can access the style configurations in Gameball Admin Dashboard through Player Widget Settings > Basic Configurations: Widget Style

Main Color

This is the main color that will be applied to all tabs of the profile, you can easily choose the brand colors you use on your platform.

Launcher Button Colors (For web only)

For web applications, you will have a launcher button that will be placed on your website to load/open the Gameball player widget. You can control the below colors of the button:

  • Button Color
  • Button Icon Color

Widget Icon

Choose an icon for the widget launcher icon:

  • From Gameball's library
  • From your own library to match your theme

Direction

You can control at which area of the page the widget launcher button should be displayed:

  • Right
  • Left

Shape

You can control the shape of the profile launcher button. Gameball offers multiple shapes to let you choose from based on your preference or what will be a better match with your website design, the following are examples of the button options Gameball presents:

  • Corner Curve
  • Circle
  • Center Tab
  • Oval With Text: In this case, you will need to add the text and its colorĀ 
  • Center Tab With Text: In this case, you will need to add the text and its color
  • Inline Button/link: This will let your customers launch Gameball player widget through any button on your website. Learn more about this in How to open Gameball Player Profile widget through an inline button

You can control the below:

  • Button Text Color
  • Button Text

Widget Font

You can choose one of the following 6 fonts:

  • Montserrat
  • EB Garamont
  • Roboto Slab
  • Sansita Swashed
  • Mali
  • Poppins

What is next?

Did this answer your question?