| 1 | <fieldset> |
|---|
| 2 | <legend>{'Help'|@translate}</legend> |
|---|
| 3 | <ul> |
|---|
| 4 | <li><h3>{'Prerequisites'|@translate}</h3> |
|---|
| 5 | <p><b>REQUIREMENTS NEED TO BE MET FOR THE THEME TO FUNCTION PROPERLY.</b><br> |
|---|
| 6 | Please refer to information on the left. |
|---|
| 7 | </p></li> |
|---|
| 8 | <li><h3>{'Suggestions'|@translate}</h3> |
|---|
| 9 | <p>Optional plugins found to be usefull in everyday usage. |
|---|
| 10 | </p></li> |
|---|
| 11 | <li><h3>{'General Settings'|@translate}</h3> |
|---|
| 12 | <p>To add logo specify <b>Logo Image</b>. Recommended logo height is 80px. If you need bigger space for your logo, CSS adjustments |
|---|
| 13 | would have to be made. In addition to Logo you can specify <b>Header Text</b>.<br> |
|---|
| 14 | <b>Footer Text</b> allows adding simple text as a row in the footer below menu links and Site's credits. |
|---|
| 15 | <p>Important feature of the theme is a support for Color Packs which is managed by <b>Color Pack</b> Option. It allows changing colors, styles, |
|---|
| 16 | theme for the pages. By default theme includes 3 color packs: slateblue, blackhawk, whitehawk, but you could be easily extend the list by |
|---|
| 17 | creating copy of one of the existing colorpack folders and then adjusting colors. |
|---|
| 18 | </p></li> |
|---|
| 19 | <li><h3>{'Advanced Options - Custom CSS'|@translate}</h3> |
|---|
| 20 | <p>This option allows fine tune Theme's styles to better suit your personal taste.</p> |
|---|
| 21 | <p>Few examples:</p> |
|---|
| 22 | <ul> |
|---|
| 23 | <li>Remove fixed width:<br> body { width: auto; }</li> |
|---|
| 24 | <li>Remove fixed width but keep min-width:<br> body { width: auto; min-width: 1270px; }</li> |
|---|
| 25 | <li>Add Thumb shadow for gdThumb: Set margin between thumbs to 10-14px. Modify shadow color to match your theme<br> .gdthumb { box-shadow: 6px 6px 3px #888888; }</li> |
|---|
| 26 | <li>Remove Root link in page's breadcrumbs: set $conf['level_separator'] = ''; and apply CSS<br> .browsePath a:first-child { display: none; }<br> .browsePath a:after { content: " :: "; }</li> |
|---|
| 27 | </ul></li> |
|---|
| 28 | </ul> |
|---|
