How do you put a picture in the header of a website?

  • 1
  • Question
  • Updated 8 years ago
I want to put a Picture in the header instead of text, how do you to that?

I would also like to know how to move the link background? You know how where home, about us, etc. links are? and there's a background behind those links? How do I move that?

Photo of Anotherhours


  • 1 Post
  • 0 Reply Likes

Posted 8 years ago

  • 1
Photo of Gop


  • 7473 Posts
  • 2115 Reply Likes
Hello Anotherhours,

The style that you have selected to some extent determines what you see and what you can chnage. If you can tell me the style you have chosen or the published link of your site then I can look at this with you.

Placing an image in the header is quite easy. The first thing to do is to have the final image already created for the size you wish for it to be displayed. Don'y try and use the Yola image facility, Aviary, for this but rather another facility such as, Gimp or Photoshop or similar image manipulation programs.

Placing it in the heading is done by using HTML and I'm happy to lead you through this.
Photo of Eyes Half Closed

Eyes Half Closed

  • 62 Posts
  • 17 Reply Likes
As Gop says, this all depends on the style you select.
When selecting your style, hover the mouse over a style and a dialog box will appear telling you the features, including if it has a editable banner.

If you wish to use your own banner, hover the mouse over the page heading and select 'Edit Heading'. Remove all text then click save. Then hover over the whole banner area and click 'Edit Banner Image'. Then it's as simple as uploading your own.

As far as changing the background behind the menu links, some styles this will already have a special box or background behind the links, which you'd need to change using CSS. However some, (such as the style 'Clean Slate', just show the background color or image, so you could create a background image which takes the location of the menu into account.