Joomla Templates Club 406,261 posts

[aleblava Friend aleblavaJoin date: March 2014Posts: 85Downloads:32Uploads:12 Thanks: 29]

#196263

How can I change the logo of the JA Zite template for my logo? I browse /templates/ja_zite/images and change logo.png (with zite logo) for my logo.png file (with my logo), but it doesn’t work.

I am sure that there is a big big elefant in front of my and I can’t see it.:eek:

Thanks for your time!

---

Attachments:

1. 

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

#528550

You have successfully replaced the template logo with your image.

Here are fix to make it better

Go to this File: /templates/ja_zite/css/template.css

Replace this code


h1.logo {
float: none;
height: 80px;
margin: 0 auto;
width: 92px;
}

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

With


h1.logo {
float: none;
height: 65px;
margin: 0 auto;
width: 200px;
}

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


[aleblava Friend aleblavaJoin date: March 2014Posts: 85Downloads:32Uploads:12 Thanks: 29]

#528563

Now the logo is shown, but not completely. As you can see, only a part is shown.
I tried with this code without good results.

h1.logo {
float: none;
height: 65px;
margin: 0 auto;
width: 400px;
}

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

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#528612

Can you, perhaps, throw together a screenshot mock-up of how you wish your logo to display on your site?

1 user says Thank You to TomC for this useful post

1. aleblava

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

#528633

Instead of width: 400px; , use width: 200px; this is the perfect solution.

By doing this it will fix, If not post a screenshot, how your site view on your computer.

1 user says Thank You to chavan for this useful post

1. aleblava

[aleblava Friend aleblavaJoin date: March 2014Posts: 85Downloads:32Uploads:12 Thanks: 29]

#528639

Thank you both, Chavan and TomC. Now it works. What do I make? Notihng. I don’t knhow why, but is is shown as I want with 400 px in code.

So, do you recommend me 200 px in any case?

Thanks!

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

#528670

yes please make it 200px. that would fix the issue, Also clear your browser cache, whenever you make a css changes

1 user says Thank You to chavan for this useful post

1. aleblava

[aleblava Friend aleblavaJoin date: March 2014Posts: 85Downloads:32Uploads:12 Thanks: 29]

#528902

Done, thank you very much!

[webcode Friend webcodeJoin date: June 2011Posts: 26Downloads:0Uploads:2 Thanks: 4 Thanked: 2 times in 1 posts]

#532602

Hello everybody.
I have a problem with the logo width. Its not changing to new width when slideshow is activated. I deactivate the slideshow and everything works fine. I tried different browser and i disabled slideshow cache.
Please help.

Best regards

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

#532606

@webcode

please post your site Url

[webcode Friend webcodeJoin date: June 2011Posts: 26Downloads:0Uploads:2 Thanks: 4 Thanked: 2 times in 1 posts]

#532607

Thx for the fast reply Chavan. I fixed it by myself.

Have a nice sunday

[unvacancier Friend unvacancierJoin date: May 2013Posts: 148Downloads:9Uploads:69 Thanks: 18 Thanked: 3 times in 1 posts]

#535696

Hello,

Same problem here. I have an 100 x 500 Logo but it’s not displying good on the Homepage. It works well on other page.

/* Logo Image ---*/
h1.logo {
float: none;
height: 100px;
margin: 0 auto;
width: 500px;
}

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

It’s working on each page but not for the Home …

---

Attachments:

1. 
2. 

[unvacancier Friend unvacancierJoin date: May 2013Posts: 148Downloads:9Uploads:69 Thanks: 18 Thanked: 3 times in 1 posts]

#535702

Finally found 😉

[Author]

Posts