Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: Migrated to Confluence 4.0
Wiki Markup
{note}You need to have *Domain administrator* role assigned to change 
Note
You need to have Domain administrator role assigned to change
BellaDati's design.
{note}

BellaDati allows you to change:

...



* Header logo

...


* Menu color

...


* Menu text color

...


* Background color

...


* Bottom menu color

...


* Stylesheets (CSS)

...



h2. Changing look and feel

...



Go to *Domain* and select *Look&Feel Settings* in left navigation bar.

...



{ilupng
look

Upload new logo or select from color picker to modify menu, background or footer colors.

ilupng
menu

Changing Stylesheets

Paste custom CSS to apply advanced stylesheets.

Tip

Use Firefox's Firebug or Chrome's Developers Tools to identify used selectors.

ilupng
css

Results

Eventually, results may look like as follows:

ilupng
result

Adding Custom HTML

BellaDati allows you to place custom HTML at:

  • the end of the head
  • the beginning of the body
  • the end of the body

Go to Domain and select Custom HTML in left navigation bar.

ilupng
custom-html

Place your HTML into appropriate text box.

ilupng
html

Next Steps

...

}look{ilupng}

Upload new logo or select from color picker to modify menu, background or footer colors.

{ilupng}menu{ilupng}

h2. Changing Stylesheets

Paste custom CSS to apply advanced stylesheets.

{tip}Use Firefox's Firebug or Chrome's Developers Tools to identify used selectors.{tip} 

{ilupng}css{ilupng}

h2. Results

Eventually, results may look like as follows:

{ilupng}result{ilupng}

h2. Adding Custom HTML

BellaDati allows you to place *custom HTML* at:

* the end of the head
* the beginning of the body
* the end of the body

Go to *Domain* and select *Custom HTML* in left navigation bar.

{ilupng}custom-html{ilupng}

Place your HTML into appropriate text box.

{ilupng}html{ilupng}

h2. Next Steps

{list-siblings}