Joomla Templates Club 406,261 posts

[mjoomla Friend mjoomlaJoin date: October 2008Posts: 6Downloads:0Uploads:0 Thanks: 6]

#134981

Greetings,

I cannot find logo.jpg file in any of the images folders for JA Rutile.

I would also appreciate instruction on how to change it to my logo throughout the site.

Thank you!

Mike

[akwasi_c Friend akwasi_cJoin date: August 2008Posts: 124Downloads:0Uploads:5 Thanks: 10 Thanked: 8 times in 1 posts]

#277722

go to the template ccs, and edit (scroll down till you see the Header then once you place your logo in the image directory and change the file name to that of the original logo name)

1 user says Thank You to akwasi_c for this useful post

1. mjoomla

[mjoomla Friend mjoomlaJoin date: October 2008Posts: 6Downloads:0Uploads:0 Thanks: 6]

#277726

Thank you for your instructions. I found the original logo.jpg file and deleted it. I then saved my logo.jpg file in the same folder I deleted the original from. I used the same file name logo.jpg as original. So I don’t think I need to change CSS. However, when I go to my site http://www.packagingpulse.com, the logo still doesn’t show. I have even cleared my cache. Any suggestions?

[ppearce05 Friend ppearce05Join date: October 2008Posts: 13Downloads:0Uploads:1 Thanks: 2 Thanked: 1 times in 1 posts]

#277730

Hi,

I am having the same problem.

Via FTP I found the logo.jpg file in:

public_html/images/logo.jpg

I then swaped it with a new logo with the same name (logo.jpg). I confirmed the change as I can see a thumbnail of the logo but the new logo does not appear.

I also looked for template logo (JA Rutile) through the Joomla admin interface but couldn’t see it there.

Any suggestions?

My site is:

http://www.zotguide.com

1 user says Thank You to ppearce05 for this useful post

1. mjoomla

[bennitos Friend bennitosJoin date: May 2008Posts: 1717Downloads:0Uploads:39 Thanks: 39 Thanked: 474 times in 407 posts]

#277731

You need to change the logo in the following location:

images/orange/logo.jpg

it has a logo.jpg for every color scheme as you have orange enabled atm you should change the logo under the orange folder.

so:
images/orange/logo.jpg

1 user says Thank You to bennitos for this useful post

1. mjoomla

[bennitos Friend bennitosJoin date: May 2008Posts: 1717Downloads:0Uploads:39 Thanks: 39 Thanked: 474 times in 407 posts]

#277732

<em>@ppearce05 88942 wrote:</em><blockquote>Hi,

I am having the same problem.

Via FTP I found the logo.jpg file in:

public_html/images/logo.jpg

I then swaped it with a new logo with the same name (logo.jpg). I confirmed the change as I can see a thumbnail of the logo but the new logo does not appear.

I also looked for template logo (JA Rutile) through the Joomla admin interface but couldn’t see it there.

Any suggestions?

My site is:

http://www.zotguide.com</blockquote>

same for your website you need to change the images/orange/logo.jpg

If that dont work please post and i will try to help you further.

Greets,
Bennitos

1 user says Thank You to bennitos for this useful post

1. ppearce05

[mjoomla Friend mjoomlaJoin date: October 2008Posts: 6Downloads:0Uploads:0 Thanks: 6]

#277736

Changing the logo in the three color themes (green, orange and blue) worked!

Thank you very much! This shows tremendous value to this forum.

[ppearce05 Friend ppearce05Join date: October 2008Posts: 13Downloads:0Uploads:1 Thanks: 2 Thanked: 1 times in 1 posts]

#277750

Thank you, this worked.

In my file structure I had to navigate to:

public_html/templates/ja_rutile/images/orange.

to change the file and this worked

[ppearce05 Friend ppearce05Join date: October 2008Posts: 13Downloads:0Uploads:1 Thanks: 2 Thanked: 1 times in 1 posts]

#277752

I have successfully changed the logo but it is shifted to the right.

I would like to shift it to the left.

I see the CSS code but not sure which one changes the positioning to shift the logo left.

/* HEADER
--------------------------------------------------------- */
#ja-header {
line-height: normal;
position: relative;
padding: 20px 0 0;
z-index: 999;
}

h1.logo, div.logo-text {
margin: 0 20px 20px;
padding: 0;
}

h1.logo a {
width: 355px;
height: 80px;
display: block;
background: url(../images/logo.jpg) no-repeat center;
}

h1.logo a span {
position: absolute;
top: -1000px;
}

div.logo-text {
outline: none;
}

div.logo-text h1 {
font-size: 250%;
font-weight: bold;
letter-spacing: 2px;
margin: 0;
padding: 0;
}

div.logo-text h1 a {
color: #333333;
text-transform: uppercase;
}

.site-slogan {
color: #999999;
margin: 0 0 -2px 10px;
padding: 0;
letter-spacing: 1px;
}

#ja-topnav {
position: absolute;
top: 10px;
right: 40px;
}

#ja-topnav ul {
margin: 0;
padding: 2px 0;
}

#ja-topnav li {
display: inline;
margin: 0;
padding: 0;
line-height: 1.6;
background: url(../images/vline.gif) no-repeat center left;
}

#ja-topnav li a {
display: inline;
padding: 0 10px;
}

[ppearce05 Friend ppearce05Join date: October 2008Posts: 13Downloads:0Uploads:1 Thanks: 2 Thanked: 1 times in 1 posts]

#277756

I believe I found the code to change the positioning (move logo left)

h1.logo, div.logo-text {
margin: 0 0 10px;
padding: 0;

I changed the second value (after “margin” to “0”) and this did the trick.

I also had to reduce the overall logo size dimensions in CSS to:

h1.logo a {
width: 150px;
height: 80px;
display: block;
background: url(../images/logo.jpg) no-repeat center;

[Author]

Posts