Inserting an image in the heading

  • 1
  • Question
  • Updated 7 years ago
  • Answered
I would like to put a logo up where it says Siren Song. Is this possible? I have the logo in my file manager. I want to keep this site as simple as possible. I am doing it for a friend of mine.

http://sirensong.yolasite.com/
Photo of Randy

Randy

  • 643 Posts
  • 8 Reply Likes
  • very hopeful!

Posted 7 years ago

  • 1
Photo of David

David

  • 465 Posts
  • 94 Reply Likes
Hi Randy
Open site builder , click on page then page properties, in the page heading insert this code

<!--
<img src="resources/yourlogo.jpg">Your text here
-->

without the <!-- -->, replace 'your logo' with the name of your logo and replace or remove the 'Your text here' text.
Photo of Randy

Randy

  • 643 Posts
  • 8 Reply Likes
Thanks David!! Works great. Now I have one maybe two more things to mention. Is it possible to modify the code so that I can control the size and position of the logo. If this works, maybe I won't have to ask you about the other thing that I might want to do. Also how can I have the logo appearing on every page without having to insert the code on every page? Do I just insert the code in the header code area of the Site Tracking code?

Thanks again!!!
Photo of Randy

Randy

  • 643 Posts
  • 8 Reply Likes
I just tried it in the Site tracking code and it works but like I said before, the logo is way to big.

http://sirensong.yolasite.com
Photo of Gop

Gop

  • 189 Posts
  • 54 Reply Likes
Here is a nice styling code for images:
<!--img style="border: 0pt none; width: ??px;" src="resources/{folder}/{image.jpg*}"-->

It allows a border as optional, and the width in pixels. Changing the width proportionally changes the height. You can also add a height parameter simply height: ??px, but if you alter height out of proportion with the width you can get proportion problems.