Change Share Login Screen Logo

[speegle]

I have been unable to replace the Alfresco logo on the share login screen with my company logo. I am running 4.2.c Community and believe I am following the right steps, but have not been successful. I created multiple .png files with the different sizes I have read that the file needs to be (48x145, 58x200, 64x450) and replacing the logo.png with it. The Alfresco image is removed, but my image is not shown. This tells me I am replacing the correct file. I tried downloading the Alfresco logo.png to both my Windows 7 and Ubuntu 12.04 systems but get errors when trying to open up the image, even with GIMP. Figured I could look at the properties of the built in logo.png to make sure I am formatting correctly. Not sure what else to try at this point. Any help would be greatly appreciated.

[ddraper]

Presumably you've done this by overriding login images defined in the "presentation.css" file (hopefully you're also aware that there is a presentation.css file - however, if you're adding in an additional CSS file then yours should always "win" if it appears afterwards or if you've made your selectors more specific). If the image is not appearing then it's possible that you've defined the image URL incorrectly. Could you provide samples of where the file is on your server and how you have referred to it please.

[speegle]

Sorry, I should have provided more detail. Here are the steps I have taken:
1. made copy of greenTheme folder as customTheme in /alfresco-4.2.c/tomcat/webapps/share/themes
2. copied default.xml to customTheme.xml in alfresco-4.2.c/tomcat/webapps/share/WEB-INF/classes/alfresco/site-data/themes/
3. edited the customTheme.xml to point to the customTheme
4. edited the presentation.css and /yui/assets/skin.css to replace references to greenTheme with customTheme
5. edited the slingshot.properties so the theme will show in the admin panel
6. after restarting I tried just replacing the logo.png with my own file (kept same name). When that didn't work I renamed our logo back to it's origional file name and edited the presentation.css to point to that. Still not luck.

This is the tutorial I used to get these steps http://fcorti.com/2012/12/31/alfresco-share-custom-theme/

[ddraper]

Which logo file are you updating? Are you updating the one that is stored in the "images" sub-folder of your new theme? How *exactly* have you declared the reference to the logo in the CSS file.

[speegle]

Yes, I renamed the logo.png file to logoOLD.png and renamed my logo to logo.png. The presentation.css file should already be declaring this image under the theme-company-logo section if I understand correctly. This produces the result of no image showing up on the login screen. Doesn't this have to be an image format issue, since I am renaming my image to logo.png?

[ddraper]

You're not actually answering the question…. each theme has it's own set of image assets, my question was whether or not you're actually updating the correct asset. You're also not actually providing me with the actual CSS selector that you're expecting to work. What I'm trying to ascertain is whether or not you're using a URL that Surf will be able to process and whether in fact you're referencing the same file that you've changed.

[speegle]

Maybe this is a little over my head then, sorry I have zero web development skills. I am updating the files in the images folder within my customTheme folder. All other theme folders seem to be setup this way. At the root of the customTheme folder is the presentation.css file. I had edited this file after making my copy from an existing file to point the CSS selectors to the customtheme path. below is the section i thought references the logo. Since I am just replacing the file (not changing the name) I didn't think I had to make any other changes. the logo disappears when I replace it with my file and reappears when I put it back.

.theme-company-logo
{
     height: 64px;
     width: 450px;
     background; transparent url(images/logo.png) no-repeat;
}

Maybe this is the wrong file to replace. Hopefully this answers your question.

[speegle]

Ok, I decided to try using my browser to navigate straight to the images folder to see what would display. Keep in mind that my new logo is now logo.png and the Alfresco built in one is now called OLDlogo.png. When I browse to http://alfresco.mydomain.com/share/themes/customTheme/images/OLDlogo.png it displays fine in Internet Explorer. When I browse to http://alfresco.mydomain.com/share/themes/customTheme/images/logo.png I get the red x in a small square that you see when the image cannot be displayed. Doesn't this mean that I have some sort of formatting issue with my image that is preventing alfresco from serving up the image? I saved it as a transparent .png file and have tried multiple sizes.

[speegle]

Well, I have got it showing my logo now on the login screen. Thought I had tried this but I modified the presentation.css in my customTheme folder to point to a .gif of my logo that I had put in the images directory and it displays it. The .png file still doesn't work for some reason but I will take what I can get. Would love to know why this is the case if anyone knows.

[speegle]

Ok, I have finally figured out why I was having my problems. I was using FTP to transfer files to and from my server. I was using ASCII mode FTP and it was corrupting the files as I transferred them back and forth. Switch mode to binary and no problems now.