Bentobox Logo Editing
One of the first steps of customizing your new Bentobox template will undoubtedly be altering the logo text to reflect the name of your company / organization. RocketTheme makes this process a simple one by including both the Source PNG for the template, as well as logo blanks.
The most effective way to customize the logo is to use the included Source PNG file. When opened in Adobe Fireworks, this file contains all of the Layers in the design allowing you to tweak and change any of the image elements of the template design. The following steps will help you quickly get your new logo ready to go:
- First, open the main Source PNG file in Adobe Fireworks (bentobox_source.png). With the pointer tool, double click on the logo area in the top left of the layout. This will cause a cursor to appear, in which you can highlight the existing text and replace with your own. (The slices may be on by default, obscuring the logo area so that you can not select it. You can hide the web layer slices for now by clicking the "eye" icon to the left of "Web Layers" in the right hand "Layers" panel).
- Click on the text tool on the left hand taskbar. Then select the logo and the text should now become highlighted. Once in this state, insert your new text.
- Once you have replaced the text in the logo area and are happy with the result, it is time to export the slice and replace the existing logo image in the template with your new one. Turn your Web Layer slices back on (click the empty box to the left of "Web Layers" in the right hand "Layers" panel causing an eye icon to appear), this will cause all of the slices to become visible (represented by green coloured squares).
- With the pointer, click on the slice on top of the logo area so that it is selected (a cross–hair will appear in the center and the name "logo: PNG" will appear when selected). Right click on the slice and select the menu option "Export Selected Slice" and save into your rt_bentobox/j10/images/style# folder replacing the existing logo-sucker.png or logo-tabs.pngwith your new logo image.
If you don't have Adobe Fireworks, you can easily change the logo by using one of the included Logo Blanks and putting your custom text and logo on top of the image and saving as "header-logo.png". There are Logo Blanks for each color style included in the Source PNG .zip archive that contain the background imagery of the logo area, without any text or logo elements.
Ensure that you are uploading the correct logo to avoid confusion if it does not change. Also take into account hosting permissions. Sometimes, hosts which are not designed for Joomla may have permissions not suited for the setup, thus, the upload will not be complete. In this case, contact your hosting provider.
