Follow

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. 

2014-07-07_1230.png 

2014-07-07_1235.png

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.  

2014-07-07_1308.png 

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

2014-07-07_1309.png 

 

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. 

2014-07-07_1323.png

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

2014-07-07_1327.png 

  • 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.

 2014-07-07_1333.png 

  • 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).

 2014-07-07_1342.png

  • 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.

2014-07-08_1415.png

  • 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.

2014-07-08_1059.png 

 

Background Image Setting Examples 

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

2014-07-08_1357.png 

Centered:  The image is centered and is not repeating.

2014-07-08_1348.png 

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

2014-07-08_1401.png 

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

2014-07-08_1407.png 

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

2014-07-08_1411.png 

 

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

2014-07-07_1220.png

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

Comments

Powered by Zendesk