Change background image of login screen

Toby Mathews — Wed, 15 Aug 2012 08:22:45 +0000

Is there any more up-to-date information on image changing?

We'd like to change a few of the images, things like banner-business-team.png, which displays on the first screen after login. I think I've found this one, for example, in portal_skins/images, and I can click the 'Customise' button and seemingly replace (or override, not sure?) it - is that the correct way of changing images?

Change background image of login screen

Viraf Sarkari — Wed, 15 Aug 2012 08:22:43 +0000

How to change background image of the login screen

You need to be a Site Admin to perform this operations

1. Navigate to http://Your-Cyn.in-Site/portal_skins/portal_skins/ubify_cyninv2theme_styles/manage_workspace">ubify_cyninv2theme_styles/banners.css

2. Click on customize

3. Copy the below code block and add it to the bottom of your customized banners.css

body.template-login_form

,body.template-login_failed ,body.template-mail_password_form ,body.template-admin-contact-info ,body.template-send_feedback_confirm_admin ,body.template-mail_password_response ,body.template-logged_out ,body.template-pwreset_form ,body.template-pwreset_invalid ,body.template-pwreset_finish ,body.template-join_form ,body.template-getlicense { background: &dtml-cigray2; url("&dtml-portal_url;/login-bg-team.gif") no-repeat right bottom; padding:0; }

4. Navigate to http://Your-Cyn.in-Site/portal_skins/custom

5. From dropdown select "Image" and Click "Add"

6. Fill in the details and choose an image from your machine.

Keep in mind to update the banners.css with name of your newly uploaded image

The current image dimension is width : 2000 x height : 303. This is to accommodate wide screen high resolution displays.

Edit 2011-01-26:

I made it the easy way...

Here is how I made it:

To change the Background-Image of the login-screen

--> /home/cynin/buildout/src/ubify.cyninv2theme/ubify/cyninv2theme/skins/images

- replace the file login-bg-team.gif with one of you pictures

To change the favicon for your browser

--> /home/cynin/buildout/src/ubify.cyninv2theme/ubify/cyninv2theme/skins/icons

- replace the file favicon.ico with one of your icons

I think this is much easier to do than to hack in css-files.

Hope this helps!

Tino Matysiak — Sat, 08 Oct 2011 23:16:19 +0000

Sorry made a mistake in my explanation.
If you do not change the banner.css, the default file for the login-screen background image is login-bg-team.gif. So you have to override that one to get your custom login background-image.

Alonzo Brown — Fri, 07 Oct 2011 22:27:41 +0000

And this only changes the images on the home page and not the login screen. I've had no success with changing that. I now these are noob questions but Hey I'm a Noob!

Alonzo Brown — Fri, 07 Oct 2011 22:26:03 +0000

I've done this as well. The issue is where is the "collaboration" verbiage kept??? Also what is the css selector so I can adjust the image size?

Tino Matysiak — Fri, 07 Oct 2011 09:35:08 +0000

I've simply changed the background image via the following stepes:

go to --> /home/cynin/buildout/src/ubify.cyninv2theme/ubify/cyninv2theme/skins/images

and overwrite the file "login-bg-team.png"

Alonzo Brown — Thu, 06 Oct 2011 22:44:57 +0000

I've attempted both methods and still have the default image. There has to be something i'm missing. Ive followed the instructions for both to the T. With editing the banner.css the changes never get saved, I've cleared my browser cache as well as restarted the server still no change. Please help what am I missing???

Seth Daniels — Tue, 25 Jan 2011 22:38:34 +0000

Can someone please update this entry that knows how to do this? It's really confusing, and again makes a seemingly simple task unnecessarily complex (my biggest complaint with Cyn.in).

Dhiraj Gupta — Tue, 16 Mar 2010 12:05:51 +0000

Hmm... this wiki page needs an update. If we're to use the &dtml-cigray2 codes as is, then banners.css needs some extra stuff at the top and the bottom:
TOP======>>>>>>>>>
/* <dtml-with base_properties> (do not remove this :) */
/* <dtml-call "REQUEST.set('portal_url', portal_url())"> (not this either :) */

.... whatever code is in between, here.....

/* </dtml-with> */
<<<<<<<<<<<=====BOTTOM====