Setup Guide V1 (last updated January 4th, 2007)

Designed for the Gen7 Series Templates and Modules

Modify the H1 background image

In the body of your web pages, if you apply the H1 tag to any text you will see a small 'image' appear to the left of the text and the text will indent slightly.

We've added some 'style' to the H1 tag element, to help the text on the page stand out a bit more than a standard H1 font.

You may want to remove this image, change the image, or change the indent.

INSTRUCTIONS:

Remove the image:

  • open the Templates / includes / stylesheet.css
  • scroll down to line 24

identify this line of code

 .body1 h1 {margin:0px; padding:0px 0px 0px 40px; vertical-align:top; text-align:left; background-image:url('../graphics/h1_bg.gif');background-position:left top;background-repeat:no-repeat;}

  • delete the following from this line of code:

    background-image:url('../graphics/h1_bg.gif');background-position:left top;background-repeat:no-repeat;
     

  • the result would be

    .body1 h1 {margin:0px; padding:0px 0px 0px 40px; vertical-align:top; text-align:left;}

Edit or change the image

  • open the Templates / graphics folder
  • open the h1_bg.gif image in your image editor, or
  • create a new .gif image, name it h1_bg.gif, and save it to your Templates / graphics folder

Change the text indent

  • open the Templates / includes / stylesheet.css
  • scroll down to line 24

identify this line of code

.body1 h1 {margin:0px; padding:0px 0px 0px 40px;..............................

  • change the padding last set of padding instructions (in this example 40px)
    • increase the number to allow for MORE indent
    • decrease the number to reduce the indent
 

Back...