Joomla Templates Club 406,261 posts

[tomcatuk Friend tomcatukJoin date: September 2010Posts: 23Downloads:0Uploads:0 Thanks: 3 Thanked: 1 times in 1 posts]

#166400

Hi all,

I have an issue that I cannot seem to change the main logo. I have uploaded my new one but the original one seems to just stay there. I uploaded it into the images folder of the template (logo.png). Is this right or am I just being stupid lol

Many Thanks in advance

Pete

[pritam Friend pritamJoin date: April 2011Posts: 609Downloads:0Uploads:29 Thanks: 11 Thanked: 125 times in 113 posts]

#401613

Hello tomcatuk,

To Logo problem

Find this code to template.css

h1.logo a {
background: url(“/templates/ja_teline_iv.v1.2.4/images/logo.png”) no-repeat scroll left top transparent;
display: block;
height: 57px;
width: 222px;
}

Change this code to :-

h1.logo a {
background: url(“/templates/ja_teline_iv.v1.2.4/images/logo.png”) no-repeat scroll left top transparent ! important;
display: block;
height: 57px;
width: 222px;
}

Here you need to add ! important in code at the last.

Can you please provide site url .But first go into the template manager and set css optimiation to “No” so we can see the correct files to modify not the compressed version and we can help you better.

[tomcatuk Friend tomcatukJoin date: September 2010Posts: 23Downloads:0Uploads:0 Thanks: 3 Thanked: 1 times in 1 posts]

#401614

Thanks for the reply.

Is that not the code for ja teline? Because im using ja travel 🙂

Cheers

Pete

[pritam Friend pritamJoin date: April 2011Posts: 609Downloads:0Uploads:29 Thanks: 11 Thanked: 125 times in 113 posts]

#401616

Hello tomcatuk,

Send me site url , Exatly I will tell which File to modify. But first go into the template manager and set css optimiation to “No” so we can see the correct files to modify not the compressed version and we can help you better.

[tomcatuk Friend tomcatukJoin date: September 2010Posts: 23Downloads:0Uploads:0 Thanks: 3 Thanked: 1 times in 1 posts]

#401618

Sent you a pm with the details 🙂

[pritam Friend pritamJoin date: April 2011Posts: 609Downloads:0Uploads:29 Thanks: 11 Thanked: 125 times in 113 posts]

#401622

Hello tomcatuk,

Find this code at /templates/ja_travel/css/template.css line no.681

h1.logo a {
background: url(“../images/logo.png”) no-repeat scroll left center transparent;
display: block;
height: 70px;
width: 135px;
}

Change this code to :-

h1.logo a {
background: url(“../images/logo.png”) no-repeat scroll left center transparent !important;/*place your logo url here*/
display: block;
height: 70px;
width: 135px;
}

[tomcatuk Friend tomcatukJoin date: September 2010Posts: 23Downloads:0Uploads:0 Thanks: 3 Thanked: 1 times in 1 posts]

#401625

Could you give me an example of the code with a url placed into it please 🙂

[pritam Friend pritamJoin date: April 2011Posts: 609Downloads:0Uploads:29 Thanks: 11 Thanked: 125 times in 113 posts]

#401635

Hello tomcatuk,

To solve logo issue :-

Find This code at http://www.modelpost.co.uk/system/templates/ja_travel/css/template.css line no.678

h1.logo a {
background: url(“../images/logo.png”) no-repeat scroll left center transparent;
display: block;
height: 70px;
width: 135px;
}

Change this code to :-

h1.logo a {
background: url(“../images/logo.png”) no-repeat scroll left center transparent !important;
display: block;
height: 70px;
width: 135px;
}

Your img url at http://www.modelpost.co.uk/system/templates/ja_travel/css/../images/logo.png

[dpatterson007 Friend dpatterson007Join date: February 2010Posts: 1Downloads:0Uploads:0]

#403686

I have the same iss but when I change the logo I had to clear the system Cache manually before it would regester. But I it doesn’t show my entire logo even thou I changed the template.css file

/* HEADER
——————————————————— */
#ja-header {
background: url(“../../../CSS Files/Main/images/top-bg.gif”) repeat scroll left top;
}

#ja-header .main { padding: 20px 0 35px; }

#ja-header .wrap-inner1 { background: url(“../../../CSS Files/Main/images/header.gif”) repeat-x scroll left bottom; }

h1.logo, div.logo-text h1 { font-size: 250%; line-height: 1; margin-left: 10px; }

#ja-header h3{
color: #F95839;
display: inline-block;
float: left;
font-weight: normal;
margin-left: 350px;
margin-top: 70px;
text-transform: uppercase;
}

[pritam Friend pritamJoin date: April 2011Posts: 609Downloads:0Uploads:29 Thanks: 11 Thanked: 125 times in 113 posts]

#403954

Hello dpatterson007 ,

Can you please provide site url .But first go into the template manager and set css optimiation to “No” so we can see the correct files to modify not the compressed version and we can help you better.

[jppfm Friend jppfmJoin date: March 2008Posts: 18Downloads:0Uploads:3 Thanks: 7]

#404970

Here is my case. where do i have to input code to change logo?

/* Logo Image —*/
h1.logo { height: 70px; width: 135px; }

h1.logo a {
background: url(../images/logo.png) no-repeat left top;
display: block;
height: 70px;
width: 135px;
}

/* Logo Text —*/
div.logo-text h1 { font-family: Arial, sans-serif; font-size: 200%; font-weight: bold; }

div.logo-text h1 a { text-decoration: none; }

p.site-slogan {
color: #ccc;
display: block;
font-size: 85%;
margin: 3px 0 0;
padding: 0 10px;
text-transform: uppercase;
}

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#405032

Dear jppfm,

You can input code to change logo at :

/* Logo Image —*/
h1.logo { height: 70px; width: 135px; }

h1.logo a {
background: url(../images/logo.png) no-repeat left top;
display: block;
height: 70px;
width: 135px;
}

Hope this work for your site, please let me know if you have any problem or provide us with your site info, so we can help you better.

Best Regards,
TrungHuynh

1 user says Thank You to chavan for this useful post

1. jppfm

[crazyleggs Friend crazyleggsJoin date: May 2008Posts: 138Downloads:3Uploads:4 Thanks: 16 Thanked: 17 times in 1 posts]

#407367

I have this same problem.
I made the following changes:

/* Logo Image ---*/
h1.logo { height: 70px; width: 200px; }

h1.logo a {
background: url(../images/logo.png) no-repeat left top;
display: block;
height: 70px;
width: 200px;
}


Usually making this change works. In this instance, I even deleted the cache, restarted the server, and still nothing. Very unusual

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#407372

Hi,
Could you give me username+password of ftp and a link to your website to solve it?
<em>@crazyleggs 261191 wrote:</em><blockquote>I have this same problem.
I made the following changes:

/* Logo Image ---*/
h1.logo { height: 70px; width: 200px; }

h1.logo a {
background: url(../images/logo.png) no-repeat left top;
display: block;
height: 70px;
width: 200px;
}


Usually making this change works. In this instance, I even deleted the cache, restarted the server, and still nothing. Very unusual</blockquote>

[crazyleggs Friend crazyleggsJoin date: May 2008Posts: 138Downloads:3Uploads:4 Thanks: 16 Thanked: 17 times in 1 posts]

#407443

Ok, I believe I figured it out. I made changed to the template.css files under all of the themes, and all is well now.
Go to templates/ja_travel/core/themes/<color>/css and edit the following in the template.css file:

/* Logo Image ---*/
h1.logo a { background-image: url(../images/logo.png); }

change to:

/* Logo Image ---*/
h1.logo a { background: url(../images/logo.png) no-repeat left;
display: block;
height: 70px;
width: 200px; }

Don’t forget to copy your new logo under each image folder.

2 users say Thank You to crazyleggs for this useful post

1. khoand
2. wicklert

[Author]

Posts