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

Heading Settings

In the Heading Settings section, you can modify the heading levels, page title, background, and borders. The settings you choose are properties associated with CSS classes that control heading levels. The tabs represent heading levels <h1> through <h6> and the page title. The selection of settings is the same on each tab.


Heading Settings

Example

h1 { font-size:18px; font-weight:normal; color:#000; }

Text Properties

The Text section of the Heading Settings lets you control how headings <h1> through <h6> and the page title appear on the page.

Property Values
Font Identifies the fonts to be used for the display of headings. The browser will apply the first font that is found on the user’s computer.
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 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

Background Properties

The Background section of the Heading Settings lets you apply a background color or image to the page title and headings <h1> through <h6>.

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 the Heading Settings lets you apply borders to the heading levels and page title, and set the style, color, and width. The tabs across the section let you apply border styles to all sides, or to any combination of the top, right, bottom, or left.

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