Domov arrow Logo Editing
Simplix Logo Editing

The following is a step by step guide to customizing your Simplix logo image by replacing the logo text with your own organization or company's name and logo.

In order to utilize the Fireworks Source PNG included with the Simplix template release, you will need Adobe Fireworks. The 30-day free trial of this software as well as more information is available here at the Adobe website.

Customizing Your Logo

One of the first steps of customizing your new Simplix 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 font(s) used.

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:

 

RocketTutorials

Don't forget to take full advantage of the multitude of Joomla tutorials available on our all new RocketTutorials site.

Dive deeper into the world of Joomla with detailed written and video tutorials on a variety of topics including general Joomla functions, RocketTheme template modification, and much more.

Step 1

First, open the main Source PNG file in Adobe Fireworks (simplix_source.png). On the right side, you will notice a taskbar named Layers. Inside this column, a list of elements within the source will appear, dividied into folders. The first is Web Layers which controls the green slices on the page that are used to export the images. Click the eye which is immediately left to the folder name Web Layers to make it invisible. This allows use to edit the logo.
Logo

Step 2

Next, double click on the logo which should be position in top-left. This will activate the text tool so you can edit the element. Highlight the entire text box with your cursor and type your text instead(such as your company name.)
Logo Logo

Step 3

Since the new logo text is larger than the slice, we much make the slice larger. Left click and drag on the right corner to the new dimensions. We now must reactive the web layers/slices to be able to export the logo out of Fireworks. Back in the right taskbar, click the empty, white cell next to the web layers folder where the eye was visible before. This will activate the eye icon and the green slices on the source screen.
Logo Logo

Step 4

Right click on the green slice that is situated above your new logo. A popup menu should appear with numerous options. The value we want to deal with is "Export Selected Slice...". As the name suggests, this option will export/save this slice only out of the entire source window. You will be sent to a another window where you need to save the slice onto your local computer.
Logo

SpletniNaslov.si - pravi naslov za spletne strani

tel: 01/432-72-38 fax: 01/432-72-58

Uploading your new logo

Once you have successfully edited then exported your new logo, you will need to upload it to your server. This process is best done via a FTP client such as Filezilla

  1. Open your FTP client on your local computer.
  2. Login to your web server where Simplix is installed.
  3. Navigate to the /templates/rt_simplix/images directory.
  4. Upload logo.png to this directory (You may need to browse on the local panel in the FTP client to find where you have exported your logo).
  5. Clear your browser cache before viewing such as using the keyboard commands on Windows, Ctrl+F5.
Ensure that you are uploading the correct logo to avoid confusion if it does not change. Also take into account hosting permissions. Sometimes, hosters 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.


Cening kontakt