The following tutorial covers changing of Business4 Theme logo on a Plone 4 website.
- Instruction for changing it in Plone 3 - see in How to replace Business4 Theme logo in Plone 3 tutorial.
- Instruction for changing it for Business4 diazo theme in Plone 4.1 - see in How to replace Business4 diazo Theme logo tutorial.
Business4 Plone Theme has company logo displayed at the top right area:
You can replace this Business4 Theme logo with yours in two ways: via ZMI and via file system.
1. Zope Management Interface
Go to ZMI and select portal_skins -> business4theme
That contains logoBusiness4.gif image:
This is a default Business4 Plone Theme logo image. To set your own logo press Customize button:
Press Browse button to select the your own logo and then click on Upload:
Now you see your new logoBusiness4.gif image, and it is automatically put into custom folder:
Now when you return to Plone interface, you'll see new logo image (Quintagroup logo):
In case a new logo appeared but a place for its location remained the same as it was for the default logo (e.g. extra white space at the right side of the logo) - this means CSS styles remained cashed and should be reloaded. To fix that issue - go to ZMI -> portal_css (CSS Registry):
Check Development mode and having made sure the page is loaded completely when you are saving debug mode (otherwise some css styles may be lost), save changes.
After this your new logo should fit correctly. Don't forget to turn off debug mode one you're finished, since it might slow down your site performance: get back to portal_css and uncheck Development mode.
If your logo has different size than the default one, grey background image moves appropriately to fit new logo width. Top area height is static and it is 80 px high: any higher image will not fit the top area, and will not be displayed in a correct way.
For subsequent logo replacements go directly to ZMI portal_skins -> custom -> logoBusines4.gif and upload new logo image here.
2. File System
qploneskinbusiness4 folder includes logoBusiness4.gif image:
Replace this image with your own company logo. Remember that new logo title should be logoBusiness4.gif as well. Now restart server so that your changes are applied. After you get back to Plone interface you will see your new logo at the top right area of the site.