Hi

I am trying to add my logo to Air Stream template on the top left corner. (just like the demo)
I was hoping that I could just replace the image but it looks like the template did not use image for the logo....so I am not sure where to edit or which CSS file to edit....

How do I do this????

Hi!

Yes, by default the template use HTML text. But you can change the logo type from "text" to "image" in the templates configuration. Than the template will use a image called "logo.png" from the templates "/images" folder (full path in your Joomla root: /templates/airstream/images/logo.png).

Change the logo type and replace the logo.png image with your own logo.

To switch the logo type click on "extensions->template manager" in your backend.
Select the "AirStream" template from the list and hit the "edit" button in the upper right corner. The templates config screen will appear. In the right column you will find the "advanced options" tab. There is a selection field to change the logo type. Change it to "image" and save the changes.

Than replace the sample (but ugly...) logo.png image with your own image via FTP and the template will use your own logo image.

Thank you very much for your help. I was able to change the logo image; however, I would like to get rid of the angle in the logo image and the square orange background color. I am guessing edit the custom.css file? But not exactly sure how/where to edit it in there...

Hi!
Yes, the background color can be changed in the templates "custom.css" file.

The corresponding class is:


The image/text angle can be changed in the templates "css3.css" file:

.logo h1, .header_int h1, .header_int_text {-webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg);-ms-transform: rotate(-10deg);-o-transform: rotate(-10deg);transform: rotate(-10deg);}

Just remove the ".logo h1," classname at the beginning to remove the 10° rotation

Thank you very much for helpful answer!

It worked perfectly!

I have another question...I want to add png file for my logo on the top,
but where can I add it in the css template?
Also is it possible to remove the background color on the back of the logo?
(I know you showed me where I can edit the color but I want to remove it completly)

Thanks again!

Hi!
The template comes with an option to switch from a HTML text logo to a image logo.
In this case the template will load the "logo.png" image from this directory (in the Joomla installations root directory):
/templates/airstream/images/logo.png

You can switch the logo mode by clicking on "extensions->template manager" in your backend. Select the "AirStream" template from the list and hit the "edit" button in the upper right corner.
The templates config screen will appear. In the right "Advanced Options" column you can change the logo type from text to image.
Save the changes and replace the logo.png image mentioned above with your own image.