Part 1. How to Replace Business4 Plone 4 Theme Logo

Tutorial about replacing Business4 Plone Theme company logo with a new one.

The following tutorial covers changing of Business4 Theme logo on a Plone 4 website.

Business4 Plone Theme has company logo displayed at the top right area:

business4-logo

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

qbusiness4

That contains logoBusiness4.gif image:

logo-gif

This is a default Business4 Plone Theme logo image. To set your own logo press Customize button:

logo

Press Browse button to select the your own logo and then click on Upload:

browse

Now you see your new logoBusiness4.gif image, and it is automatically put into custom folder:

quinta-logo

Now when you return to Plone interface, you'll see new logo image (Quintagroup logo):

new-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):

portal-css.png

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.

debug

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:

logo-file

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.

Connect with our experts Let's talk