Knowledge Base

Search

  • Video block
  • Video Tutorials

  • Watch our easy-to-follow video tutorials for quick tips on designing and managing your store.
  • View Video Tutorials

Footer Settings

In the Footer Settings section, you can modify the background image, and borders of the footer. The settings you choose are properties of the CSS class that controls the footer section of the page.


Footer Settings

Example

footer {background:#fff; border:1px solid #ccc;}

Background Properties

The Background section of Footer Settings can be used to apply a background color or image to the page footer.

Property Values
Color Determines the background color of the heading. Enter the hexadecimal value or use the color picker to generate the code.
Image Uploads a background image for the heading.
Repeat Controls how the background image is applied to the heading. Options include:
Not assigned
no-repeat
repeat
repeat-x
repeat-y
inherit
Position Determines the anchor position of the background image in the heading. Use the position picker to select a setting. Options include:
left top
left center
left bottom
right top
right center
right Bottom
center top
center center
center bottom
custom

Border Properties

The Borders section of Footer Settings can be used to apply borders and background image to the page footer. The tabs across the section let you apply a border style to all sides of the footer, or to any combination of the top, right, bottom, or left.

Property Values
Style Determines the style of borders used in the footer. Options include:
Not assigned
hidden
dotted
dashed
solid
double
groove
ridge
inset
outset
Color Determines the color of borders used in teh footer. Enter the hexadecimal value or use the color picker to generate the code.
Width Determines the width of borders used in the footer. Options include:
Not assigned
None
1px
2px
3px
4px
5px