Theme Header and Icon

Theme Header and Icon

by Chelsea Woods -
Number of replies: 6

I have a jpg image I would like to use for my header; how do I link it to the header.html file?

What is the icon file? Which files link to it, and how can I insert my icon?

Thanks!

Average of ratings: -
In reply to Chelsea Woods

Re: Theme Header and Icon

by Przemyslaw Stencel -
Just save the jpg file as logo.jpg and upload it to the main directory of the site files (the "Files" section available on the homepage if you are logged in as the admin) - it will automatically be used as a logo.
In reply to Przemyslaw Stencel

Re: Theme Header and Icon

by g k -
I tried what you suggested. That does not seem to work.
In reply to Przemyslaw Stencel

Re: Theme Header and Icon

by Juan Emilio Fuentes -

I uploaded the logo picture as logo.jpg to the main file directory but it does not work.

Juan Fuentes

In reply to Chelsea Woods

Re: Theme Header and Icon

by Sarah Woods -

I only know how to do it by having access to the source directory:

  1. Log into your web service provider (ie VDECK)
  2. Find Moodle\Themes\yourtheme
  3. upload the file logo.jpg into the main theme folder

S

(Chels: you might want to change your theme a little - the site mapping isn't showing up in the font you picked; I'd go with white and black.)

In reply to Sarah Woods

Re: Theme Header and Icon

by Chelsea Woods -

I saved the file as logo.jpg and uploaded it to the theme folder for the theme I am using.  Nothing changed. 

There is a file in the theme folders called favicon.icon; that file is mentioned in the header.html source.  Maybe that is where I can put my header, but how do I save my picture as an icon?

In reply to Chelsea Woods

Re: Theme Header and Icon

by Chardelle Busch -
Picture of Core developers

Hi Chelsea,

No, don't worry about the favico.icon.

In your header.html file, make sure the link to your image is like this:

/theme/standard/logo.jpg  -- you have to have the front /   (The html code should look something like this: <img src="/theme/standard/logo.jpg" width="190" height="30" border="0">

And, of course, replace the word standard with the actual name of whatever theme you are using.

Then put your image in that theme folder.

That's really all there is to it.