Joomla Templates Club 406,261 posts

[vedics Friend vedicsJoin date: March 2009Posts: 26Downloads:0Uploads:4 Thanks: 11 Thanked: 1 times in 1 posts]

#139523

How do I change the JA Opal logo to be my logo or image?
Do I need Adobe Photoshop to edit it?

Please help.

[Arvind Chauhan Moderator Arvind ChauhanJoin date: September 2014Posts: 3835Downloads:74Uploads:92 Thanks: 1240 Thanked: 1334 times in 848 posts]

#297673

downlaod the source files from here http://www.joomlart.com/forums/downloads.php?do=cat&id=111.

and edit is adobe photoshop. All the files are in PSD, supplied with fonts used.

[sunrise Friend sunriseJoin date: February 2007Posts: 920Downloads:0Uploads:5 Thanks: 103 Thanked: 166 times in 114 posts]

#297683

I think the easiest way is to use the original logo size 245 x 75 pixels and just overwrite to old file with yours, calling it logo.png as well. That way you don’t have to change the coding any.

The file is in templates/ ja-opal/images/logo.png.

If you are using another color than the default you have to change the file in the folder for that color, like templates/ ja-opal/images/black/logo.png

If you want to change the size of the logo you have to change the template.css file in line 952 or so where it says:

h1.logo a {
width: 245px;
height: 75px;
display: block;
background: url(../images/logo.png) no-repeat center;

to something like

h1.logo a {
width: 450px;
height: 130px;
display: block;
background: url(../images/logo.png) no-repeat center;

which I have done on a site I am working on.

Good luck!

[Author]

Posts