Campaign Styling

Table Of Contents

The Campaign Styling section empowers you to design the visual and interactive elements of your campaign. It is where you bring your vision to life and create a captivating experience for users.

Theme Selector #

How can I set up my Campaign Background? 
Using Pre-Made Assets: 

To set up your campaign background using our pre-made assets, you can follow these simple steps: 

  1. Go to the Campaign Section and scroll down to Campaign Styling. 
  2. Click the Theme Selector button on the right side of the page. 
  3. Select your preferred blue or green theme from the options provided. 
  4. Click the Close button to view a preview of your chosen theme. 
Uploading my Own Assets: 

To set up your campaign background by uploading your own assets, you can follow these simple steps: 

  1. Go to the Campaign Section and scroll down to Campaign Styling. 
  2. Locate the Main Background Type section. 
  3. Choose between Image or Gradient by selecting these buttons. 

What is the difference between the Main and Popup Backgrounds? 

The Main Background is the primary background used for the entire campaign, while the Popup Background specifically applies to the background of any pop-ups. 

Main Background #

How can I upload my Main Background Image? 

To upload your Main Background Image, you can follow these simple steps:  

  1. Go to the Campaign section and scroll down to the Campaign Styling.  
  2. Locate the Main Background Type section.  
  3. Click the Browse button and upload your image. 

What are the Main Background Image requirements? 
  • Image Size: Any size can be uploaded  
  • Image Format: PNG or JPG 

How can I set up my Main Background Color? 

To upload your Main Background Color, you can follow these simple steps:  

  1. Go to the Campaign section and scroll down to the Campaign Styling.    
  2. Locate the Main Background Type section.  
  3. Paste the CSS Gradient Color Code directly in the space provided. 

Tip: You can create your own custom CSS gradient code by clicking the link below. You’ll be redirected to a CSS gradient creation page where you can generate and copy the code directly. 

Popup Background Image #

How can I upload my Popup Background Image? 

To upload your Popup Background Image, you can follow these simple steps:  

  1. Go to the Campaign section and scroll down to the Campaign Styling.    
  2. Locate the Popup Background Type section. 
  3. Click the Image button to start the upload process. 
  4. Select the Browse button to choose and upload your image. 

What are the Popup Background Image requirements? 
  • Image Size: Any size can be uploaded  
  • Image Format: PNG or JPG 

How can I set up my Popup Background Gradient Color? 

To upload your Popup Background Gradient Color, you can follow these simple steps:   

  1. Go to the Campaign section and scroll down to the Campaign Styling.    
  2. Locate the Popup Background Type section.  
  3. Click the Gradient button. 
  4. Paste the CSS Gradient Color Code directly in the space provided. 

Tip: You can create your own custom CSS gradient code by clicking the link below. You’ll be redirected to a CSS gradient creation page where you can generate and copy the code directly. 

Main Masthead #

How can I set up my Campaign Main Masthead? 
Using Pre-Made Assets: 

To set up your campaign main masthead using our pre-made assets, you can follow these simple steps: 

  1. Go to the Campaign Section and scroll down to Campaign Styling. 
  2. Click the Theme Selector button on the right side of the page. 
  3. Hover to the Masthead Selector and click the masthead image that represents your game. 
  4. Click the Close button to view a preview of your chosen masthead. 
Uploading my own assets: 

To set up your campaign main masthead by uploading your own assets, you can follow these simple steps: 

  1. Go to the Campaign Section and scroll down to Campaign Styling. 
  2. Locate the Main Masthead Image section. 
  3. Select the Browse button to choose and upload your image. 

Uploading my own assets: 
  • Size: Any size can be uploaded  
  • Format: Transparent PNG 

Tip: It is recommended to not crop elements at the edges. 

Popup Masthead #

How can I upload my Campaign Popup Masthead? 

To upload your Popup Masthead Image, you can follow these simple steps:   

  1. Go to the Campaign section and scroll down to the Campaign Styling.     
  2. Locate the Popup Masthead Image section.  
  3. Select the Browse button to choose and upload your image. 

What are the Popup Masthead Image requirements? 
  • Image Size: Any size can be uploaded  
  • Image Format: Transparent PNG 

Tip: It is recommended to not crop elements at the edges. 

What is the difference between the Main and Popup Masthead? 

The Main Masthead Image is the primary masthead used for the entire campaign, while the Popup Masthead Image specifically applies to the masthead of any pop-up. 

Theme Color #

How can I select my Campaign Theme Color? 

To select your Campaign Theme Color, you can follow these simple steps:    

  1. Go to the Campaign section and scroll down to the Campaign Styling.     
  2. Locate the Theme Color section below the campaign preview. 
  3. Choose your theme color input method. 
    • Hex Code: Paste the hexadecimal color code into the space provided. 
    • Color Picker: Click on the space provided which will trigger a popup color picker tool. 

Text Color #

How can I select my Campaign Text Color? 

To select your Campaign Text Color, you can follow these simple steps:     

  1. Go to the Campaign section and scroll down to the Campaign Styling.      
  2. Locate the Text Color section below the campaign preview.  
  3. Choose your text color input method. 
    • Hex Code: Paste the hexadecimal color code into the space provided. 
    • Color Picker: Click on the space provided which will trigger a popup color picker tool. 

Select Logo to Display #

How can I change the brand logo displayed on my campaign? 

To change the brand logo displayed on your campaign, you can follow these simple steps: 

  1. Go to the Campaign section and scroll down to the Campaign Styling.      
  2. Locate the Select Logo to Display section below the campaign preview.  
  3. Select which logo you would like to appear in your game. 

Remember: Upload your main brand logo and a white logo variation in the Business Profile section.   

Button Font Color #

How can I select my Button Font Color? 

To select your Button Font Color, you can follow these simple steps:     

  1. Go to the Campaign section and scroll down to the Campaign Styling.      
  2. Locate the Button Font Color section below the Main Background Type. 
  3. Choose your button font color input method. 
    • Hex Code: Paste the hexadecimal color code into the space provided. 
    • Color Picker: Click on the space provided which will trigger a popup color picker tool. 

Footer Background Type #

How can I customize my Button Background Type? 

To customize your Button Background Type, you can follow these simple steps:     

  1. Go to the Campaign section and scroll down to the Footer section.      
  2. Locate the Button Background Type section. 
  3. Choose between Solid Color or Gradient by selecting these buttons.  

Solid Color: 

  • Click the Solid Color button. 
  • Choose your footer background type input method. 
    • Hex Code: Paste the hexadecimal color code into the space provided. 
    • Color Picker: Click on the space provided which will trigger a popup color picker tool. 

CSS Gradient: 

  • Click the Gradient button.  
  • Paste the CSS Gradient Color Code directly in the space provided.

Saving Your Work #

How can I save my work?

Once you have customized your campaign styling page, take a moment to review everything before finalizing. When you are already satisfied, click the Save Changes button in the upper right corner.