How do I change background on my Tuition Page?

You can change the background in the page builder.  Click on the TuitionQ tab and select Tuition Pages from the left-side menu.  Click on the pencil (edit) icon next to your giving page.

 

Page Background

Page Background enables you to change the background (outer border) settings.

  • Background Image:  You can use an image for the outer border.  Click + Add New to upload a new image, click Select Existing icon to choose an image file from your existing library, or click the Remove icon to remove a currently selected image.  If an image is uploaded, you can control the image repetition horizontally (Repeat Across), vertically (Repeat Down), or you can tile the image (Repeat Both).
  • Background Color:  Set the background color for the outer border.  You can enter a Hex Color Code (if known) or select a color and shade using the color picker located to the right of the hex code field.

Click [Apply] to save your changes.

 

Page Foreground

Page Foreground enables you to edit the inner background and font attributes.

  • Foreground Color:  Set the foreground color for the Tuition Page.  You can enter a Hex Color Code (if known) or select a color and shade using the color picker located to the right of the hex code field.
  • Foreground Opacity:  Set the opacity for the entire foreground so the background can show through.  This setting affects all the foreground elements including the Header, Footer, Text, Data Fields, etc.
  • Rounded Corners:  Set the degree of roundness to the section corners.
  • Border Size:  Set the thickness of the section border.
  • Border Color:   Set the color for the section border.  You can enter a Hex Color Code (if known) or select a color and shade using the color picker located to the right of the hex code field.
  • Shadow Distance:  Set the section shadow distance in pixels (shadow falls to the right).
  • Shadow Color:  Set the color for the shadow.  You can enter a Hex Color Code (if known) or select a color and shade using the color picker located to the right of the hex code field.
  • Font Type:  Select a font from the drop-down menu.
  • Font Size:  Adjust the size of the font.
  • Font Weight:  Sets normal or Bold text.
  • Font Style:  Sets normal or Italic text.
  • Font Color:  Set the color for the font.  You can enter a Hex Color Code (if known) or select a color and shade using the color picker located to the right of the hex code field.
  • Headline Opacity:  Set the opacity for the section headlines.

Click [Apply] to save your changes.


Did this article answer your question?

How can we improve this article?

Your Name (optional)

Your Email (optional)