Kien Nguyen

CHANGE LOGO, FOOTER, FAVICON

16 posts in this topic

1. Change logo:

To change the BT Travel logo, please rename the image which you want to do: t3_logo_light_17.png and replace image in location "...\templates\bt_travel\images" and if you want to change the size of logo, open file ..\templates\bt_travel\css\template.css (line 1271) and edit:

h1.logo a {

background: url("../images/t3_logo_light_17.png") no-repeat scroll left center transparent;

height: 100%;

width: 100%; }

you can change size of class:

h1.logo {ackground-color: #DEB124;

height: 98px;width: 230px;}

for consistent with propety of class "h1.logo a"

if you want to change background color of logo, please open file:

...\templates\bt_travel\css\template.css (default color)

or ...\templates\bt_travel\themes\"your profile color"\css\template.css (profile color are: brown, green, cyan, olive, orange)

and find class: h1.logoround then change background color.

2. Change footer:

open file: ...\language\en-GB\footer.ini

in line MOD_FOOTER_LINE1:

Copyright © %date% <a href="#">%sitename%</a>. All Rights Reserved.

you can replace value in "href" by your link (exp: current value is: # , you can replace by: http://google.com/ or other link.

3. Change favicon:

copy your favicon icon to: .../plugins/system/jat3/jat3/base-themes/default/images

or ...\templates\bt_travel\images

Share this post


Link to post
Share on other sites

Hello!

I have this travel template since yesterday for jooml 3.0 I can not find the h1.logoround on the ..\templates\bt_travel\themes\"your profile color"\css\template.css

I want to change the background color of the orange template, but I can see the changes!

I have change this one for a while bacgroud, but it still not working

.logo-image a {

background-color: #FFFFFF;

Share this post


Link to post
Share on other sites

Hello!

I have this travel template since yesterday for jooml 3.0 I can not find the h1.logoround on the ..\templates\bt_travel\themes\"your profile color"\css\template.css

I want to change the background color of the orange template, but I can see the changes!

I have change this one for a while bacgroud, but it still not working

.logo-image a {

background-color: #FFFFFF;

Hi,

my guide is use for old version: 1.2, now template version is 2.1

in new version, you should to open file: style_bt.css, and add your style here,

Share this post


Link to post
Share on other sites

I need change Height and Width logo.

I use Joomla 3

Anybody know where I can change it?

open file: templates/bt_travel/css/style_bt.css, go to the end of file, add:

.logo-image a{width:....px; height:.....px;}

Share this post


Link to post
Share on other sites

open file: templates/bt_travel/css/style_bt.css, go to the end of file, add:

.logo-image a{width:....px; height:.....px;}

I tried this replacing:


.logo-image a{
width:100%;
}

with:


.logo-image a{
width:250px;
height:75px;
}

Also tried leaving both in in style_bt.css. Cleared cache and saw no change to logo size. This is the bt_travel_logo.png.

Also how can I change the background color for that logo image for v2.1?

Thanks.

Share this post


Link to post
Share on other sites

Also tried leaving both in in style_bt.css. Cleared cache and saw no change to logo size. This is the bt_travel_logo.png.

Also how can I change the background color for that logo image for v2.1?

Thanks.

here is logo style, you may change it (please correct your change, many people said that they follow my guide when custom their style, but when they can't do, I asked them FTP account, and check it, there is no change):

.logo-image a {

background-color: #DEB124;

background-position: 10px center;

float: left;

height: 98px;

width: 230px;

}

you should to install firebug addon (it is a addon of firefox) and learn how to use it, you'll know and find class and how to change it.

Share this post


Link to post
Share on other sites

Thanks Kien!!

That Firebug addon is a MUST!! I was able to find the necessary css changes. For future reference, on the current version, it is in the corresponding theme folder css in template.php.

I'm also impressed by the adaptive layout that moves menu items over as I increase the size of the logo.

Share this post


Link to post
Share on other sites

there is no footer.ini in the language folder... Where should we edit this under 2.1?

2. Change footer:

open file: ...\language\en-GB\footer.ini

in line MOD_FOOTER_LINE1:

you can replace value in "href" by your link (exp: current value is: # , you can replace by: http://google.com/ or other link.

Share this post


Link to post
Share on other sites

there is no footer.ini in the language folder... Where should we edit this under 2.1?

Hi,

you can change footer infor in: footer.ini, and also, you can change in: templates/bt_travel/html/mod_footer/default.php too.

Share this post


Link to post
Share on other sites

ok, here it is:

you say in 1st post:

open file ..\templates\bt_travel\css\template.css (line 1271) and edit: [/color]]


h1.logo a {
background: url("../images/t3_logo_light_17.png") no-repeat scroll left center transparent;
height: 100%;
width: 100%; }
[/CODE]

but I open this file and on line 1271 it this:

[CODE]
.btn-warning:active,
.btn-warning.active,
.btn-warning.disabled,
.btn-warning[disabled] {
color: #fff;
background-color: #d75928;
*background-color: #c25024;
[/CODE]

logo image you change in line 2940 (Bt travel 3.2 ver.)

[CODE]
.logo-image a {
background-image: url("../images/logo.png");
background-repeat: no-repeat;
width: 270px;
height: 65px;
[/CODE]

This is only part example.

But if I try change it "size logo" not work it. I edit file "templates.bt_travel.less.style.less" and work it. (yes I have color orange)

[CODE]
.logo-image a {
background-image: url("../../../templates/bt_travel/images/themes/orange/logo.png");
background-repeat: no-repeat;
width: 270px;
height: 65px;
[/CODE]

Share this post


Link to post
Share on other sites

Hello Michal,

Perhaps, there are some change in the latest version of template. If you want to change the logo of template, just open the file:

../templates/bt_travel/css/custom.css set the style with !important:

Example:

.logo-image a {

background-image: url("../logo.png")!important;

width: ??px!important;

}

Best regards,

Share this post


Link to post
Share on other sites