Background Settings - IB v3.0

Background Settings - IB v3.0

Backgrounds are the colors or designs that fill the space behind all of the objects on a page.  The background largely determines the overall perception of your site.  Each web page in your campaign can have a unique background setting.  

Change Background Settings

1.  Select the Background Settings button at the top of the Instant Builder v3.0 screen. 



2.  Select a Page Background option to change the background of your web page.  The options are separated into three tabs:   

  • Simple Color
  • Instant Customer Images
  • Your Images. 

Simple Color:  

There are two options on the Simple Color tab:  

1.  Color Picker

  • Click on a preset color to add a solid colored background.
  • In this example:  A light blue preset color was selected.  


  • Click the Save Changes button in the bottom right hand corner of the screen,
  • The webpage background displays the selected light blue color.



2.  Custom Color

  • This selection provides you with a Colors window.  
  • Click on the square box to the right of the hex color value field to launch the color picker window. 


  • Find a color hue by sliding the bar up and down.


  • Set the color saturation by moving your mouse between the light to dark intensities.
  •  Note:  the color hex value (in this example #4698b2 field) changes as you move your mouse.


  • Make note of the color hex value ( in this example #4698b2)  in case you would like to use this color again on another webpage.
  • Click off of the color picker box to set the color.
  • Click the Save Changes button at the bottom of the screen.
  • Your webpage background displays the new color.
  • If you already have a Hex Color Value, you can type this value directly into the field (in this example #FF66CC).


  • Again, click the Save Changes button at the bottom of the screen. 

 Instant Customer Images

  • Select the option under the background image you would like to use for the web page.  
  • Select Save Changes at bottom of the screen. 2014-07-08_0932.png 

Your Images

  • This tab allows you to use one of your own images for a background.  
  • bulb_dim.png  Please note, you first  need to upload an image to your media center.  
  • The recommended size is 1600 x 1200 pixels.
  • Click the blue button to select your image.


  • After selecting the image, you can adjust your background image settings.
  • Select a Background Image Setting from the droplist:   options include Stretch, Centered, Tiled, Do Not Repeat, Repeat - Width and Repeat - Height.



Background Image Setting Examples 

Stretch:  The image is stretched both horizontally and vertically to fit the entire size of the html page. 


Centered:  The image is centered and is not repeating.


 Tiled:  This repeats the background image both horizontally (width) and vertically (height).  


Repeat - Width (Horizontally) -  repeats display of an image horizontally.


Repeat - Height (Vertically) - repeats display of an image vertically.



Transparent Images -  A few page themes use transparent images to display backgrounds.  Here is an example:   


Was this article helpful?
0 out of 0 found this helpful
Have more questions? Submit a request


Powered by Zendesk