Hi Clifford,

The only way to change the background color is to use a custom login page, and then change the color . See the color below from the following custom login page(right-click & save).

[code]

[/code]

Hope this covers what you were after.

The following wiki contains some additional info: Custom Login Page

Please let us know how you go.

Regards,
David

Thanks,

What about the rest of the site? All I want to do is change the default blue to another colour?

Hi,

Well that depends.

There should not be any other blue backgrounds , unless I'm missing something?
What else are you trying to change, and what version of Yellowfin are you using?

Can you please provide some more info on the other areas.

Thanks,
David

Hi,

I'm using the newly released version.

My question is related to post login, i.e after the login screen. I want to change the default Yellowfin blue in the following areas:

- Very top bar
- Text in the tab boxes
- Text in the sub tabs
- Folder colours in the content categories

Basically I'd like the default system colour to reflect my own brand if possible.

Are all of these available in the CSS or are they hard coded?

Thanks.

Hi,

Each area uses a different method, please see below:

- Very top bar
This is take from an image file 'dash_background.png'
Just copy the image from the yellowfinappserverwebappsrootimages , copy it to your YellowfinappserverwebappsROOTcustomimages folders and modify.
You are also going to want to replace the 'menu..' images, just do a search in the images folder

- Text in the tab boxes
This is done via the dashboard.css file in the YellowfinappserverwebappsROOTcss folder.
Just copy to the YellowfinappserverwebappsROOTcustomcss folder and modify.
You want to change the color value under the 'div.dashtabon {' section.

- Text in the sub tabs
This is also done via the dashboard.css file.
You want to change the color value under the following sections 'div.dashtaboff:hover {' & 'div.dashtabhover {'

- Folder colours in the content categories
These are also from images in the same folder as all the others.
Just search for 'folder', copy to the customimages folder and modify.

Please note, after doing these changes, you may need to refresh your browser cache.

Please let us know how you go.

Regards,
David