Joomla Templates Club 406,261 posts

[pokerpension Friend pokerpensionJoin date: March 2010Posts: 2Downloads:0Uploads:0 Thanks: 2]

#149223

Hi!
I´m new to this so i´m still learning. It seems that i can´t figure out how to replace the JA Opal logotype in the upper left corner as i cant find where its located. Can anyone help me? As i´m sure you understand, i prefer drag and drop but if changes in the html code is the fix, let me know.

R

[iguinee Friend iguineeJoin date: December 2009Posts: 453Downloads:10Uploads:39 Thanks: 58 Thanked: 32 times in 1 posts]

#334900

Usually all logos are stored in this location:

YourSiteRoot/templates/ja-opal/images/logo.gif

You will find these files on your cpanel (FTP)

You can change the size here:
YourSiteRoot/templates/ja-opal/css/template.css

Also read this forum.

Finally, try to do some research on this forum before posting a question because this question has been answered already.

1 user says Thank You to iguinee for this useful post

1. pokerpension

[histeriks Friend histeriksJoin date: December 2009Posts: 285Downloads:0Uploads:3 Thanks: 16 Thanked: 114 times in 87 posts]

#334902

pokerpension;167758Hi!
I´m new to this so i´m still learning. It seems that i can´t figure out how to replace the JA Opal logotype in the upper left corner as i cant find where its located. Can anyone help me? As i´m sure you understand, i prefer drag and drop but if changes in the html code is the fix, let me know.

R

Hi pokerpension,

whether you will have to tweak the css files depends solely on the size of your new logo. If it is the same size as the one in the quickstart, then all you have to do is overwrite it with a new one.

If you use standard, default layout of the JA Opal, just replace the logo.png inside templates/ja_opal/images directory.

If you use any other style, such as blue, black, yellow etc, then replace the logo.png in the appropriate subdirectory in templates/ja_opal/images/(athletic, blue, yellow etc) dir.

If however, you want to place a larger logo in there, you have to open your template.css file, located in your /templates/ja_opal/css/ directory and on line 951 find:

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

change the width and height according to your needs and save.

In case your logo is much higher than default one, you will need to change the height of the header too, by changing height parameter on line 942 of the same file:

#ja-header {
line-height: normal;
position: relative;
padding: 0;
z-index: 999;
height: 140px;
}

Good luck! 🙂

[pokerpension Friend pokerpensionJoin date: March 2010Posts: 2Downloads:0Uploads:0 Thanks: 2]

#335526

Thanks! All i need!!

I´m really grateful!!

R

[Author]

Posts