Cascading Style Sheets

A Cascading Style Sheet (CSS) allows you to better specify the layout of your web pages. GED-GEN creates its own CSS file that is referenced by all generated web pages. The name of the file is base.css, but the name will include the file prefix you specified on the Attributes tab.

If you have your own CSS files, you can use them with GED-GEN web pages. Specify their names on the Attributes tab under External Cascading Style Sheet (CSS). A description of the content, format and use of CSS files is beyond the scope of this help information. You can obtain more information about CSS at www.w3.org .

Your CSS files will be referenced via <link> elements immediately after the GED-GEN CSS file. This means you can override any settings in the GED-GEN CSS file as well as incorporate your own styles. Since the GED-GEN CSS file is automatically generated, you should not modify it. Your changes would be overwritten the next time you generate web pages.

Many HTML elements in GED-GEN web pages include a CLASS attribute. If you want to change the way GED-GEN displays one of these elements, simply override the class in your own CSS file. For instance to change the style of the Surname page title, simply add a gg-title class in your own CSS file. If you look in base.css, gg-title is defined as:

.gg-title { text-align:center; font-size:200% }

You could change it by adding gg-title to your own CSS file and changing your definition to:

.gg-title { text-align:left; font-size:150% }

The following table summarizes the class attributes used by GED-GEN, which are defined in its external CSS file. Use it as a guide in overriding any styles. GED-GEN styles are prefixed with gg- to avoid conflicts with your own class names.