Body Settings

The Body Settings section lets you modify your store’s global settings for elements of the Body section. The changes you make become updates to the cascading style sheet (CSS) that is associated with the theme.


Body Settings - Text Properties

Property Descriptions

Setting Description
Text Font, size, alignment, color, and line spacing
Links Font, size, and color for all link states: Default, Hover, Active, and Visited
Background Image, color, repeat pattern, and position

Text Properties

body { background:#000; font:12px Arial, Helvetica, sans-serif;
color:#999; text-align:left; }
Property Values
Font Not assigned
Arial, Helvetica, sans-serif
Verdana, Geneva, sans-serif
Tahoma, Geneva, sans-serif
Georgia, serif
Size 6 px
8px
10px
12px
14px
16px
Italic If selected, formats body text as italic.
Bold If selected, formats body text as bold.
Align Not assigned
left
center
right
Color To determine the color of body text, enter the hexadecimal value or use the color picker to generate the code.
Line height Not assigned
0.8
0.9
1.0
1.1
1.2
1.3

Link Properties

You can assign different styles to links to indicate the current state. Each tab represents a different link state, but the properties are the same. Options include:

  • Default
  • Hover, Active, or Visited

Body Settings - Link Properties

Example

a { color:#087698; }
a:hover { color:#AB24D4; }
Property Values
Font Not assigned
Arial, Helvetica, sans-serif
Verdana, Geneva, sans-serif
Tahoma, Geneva, sans-serif
Georgia, serif
Size 6px
8px
10px
12px
14px
16px
Italic If selected, formats link text as italic.
Bold If selected, formats link text as bold.
Color Determines the color of link text for each link state. Enter the hexadecimal value or use the color picker to generate the code.

Background Properties

The Background section lets you select a background image, and select a background color. You can control whether the image is repeated, and set its starting position.


Body Settings - Background Properties

Example

body { background:#000; font:12px/1.35 Arial, Helvetica, sans-serif;
color:#999; text-align:center; }
Property Values
Color Determines the background color of the page. Enter the hexadecimal value or use the color picker to generate the code.
Image Uploads a background image for the page.
Repeat Controls how the background image is applied to the page. Options include:
Not assigned
no-repeat
repeat
repeat-x
repeat-y
inherit
Position Determines the anchor position of the background image on the page. 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

Discussion:

RSS: New Article posts

Explore the Knowledge Base