Joomla Templates Club 406,261 posts

[amaliskas Friend amaliskasJoin date: October 2010Posts: 37Downloads:0Uploads:0]

#167417

Could you please send me instructions on how to change the logo? I appreciate it.

Thank you!

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#406275

Hi there
For logo custom you can do with:


#ja-header h1 a {
background: url("../images/logo.jpg") no-repeat scroll left top transparent;
display: block;
height: 140px;
text-indent: -500%;
text-transform: uppercase;
width: 471px;
}
template_css.css (line 1075)


Override logo.png with your own logo.

Another part of logo in menu could change at:


#ja-mainnavwrap {
background: url("../images/logo-top.jpg") no-repeat scroll left top #505050;
}
template_css.css (line 1119)

Replace by

background: #505050;

Please let’s me know if everything is okies for you
Thank you
Viet Vu

[amaliskas Friend amaliskasJoin date: October 2010Posts: 37Downloads:0Uploads:0]

#406460

Thank you so much for your response. I am still not able to view my new logo. I clear the cache as this was a problem before with another template. Please let me know at your earliest convenience. I really appreciate it.

Thank you!
Alanda

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#406462

Hi
Would you mind give me your site URL for checking ?
Thank you
Viet Vu

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#406463

Hi amaliskas,

Please forlow these steps:

1. Change the name of logo in css file
Open: templates/ja_olyra/css/template.css file, and find following code section:


#ja-header h1 a {
width: 471px;
display: block;
background: url(../images/logo.png) no-repeat top left;
text-transform: uppercase;
text-indent: -500%;
height: 140px;
}
}

Here you change the logo.png to your own logo’s name.

If your website don’t use the default theme, you have to open templates/ja_olyra/css/colors/your_theme, find logo.png to change

2. Replace your logo via images folder: logo.png file is in templates/ja_olyra/images folder

If your website don’t use the default theme, you have to replace this image in open templates/ja_olyra/images/your_theme/ folder

Hope this helps.

[Author]

Posts