Work around so that banner is hyperlinked to home page

  • 1
  • Question
  • Updated 6 years ago
  • Answered
Hello, how do I make my banner hyperlink to my home page? I have a silver package and i have removed the banner box, but can't work out how to put in a banner picture with a hyperlink that scales as well as the old banner box did. Thanks
Photo of Jane

Jane

  • 19 Posts
  • 0 Reply Likes

Posted 6 years ago

  • 1
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
Can you let us know the Style that you are using Jane?
Photo of Jane

Jane

  • 19 Posts
  • 0 Reply Likes
Square glass
Photo of Philip Taylor

Philip Taylor

  • 355 Posts
  • 66 Reply Likes
Use a HTML widget at top of your page and place this in it:


<a href="index.php"><img src="resources/yourbanner.gif"width="100%"></a>

Photo of Jane

Jane

  • 19 Posts
  • 0 Reply Likes
Thanks Philip, but we cannot get the HTML widget to go above the menu where the banner used to sit, it won't drag above the menu and the menu won't drag below the HTML widget.
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
Hi Jane,

You can do this with an image or Text widget. (best with an image widget)

  1. Add the widget to your page preferably as the first entry (this prevents subsequent mis-alignment of your banner image).

  2. Add your image and optimise the size to your need.

  3. Add the link and the alt text.

  4. Adjust the margins to move the image to the point where you wish it to display. Sometimes this will require negative values to move it beyond the container limits.


  • Please do this on a test page before going to a real page. If you over-shoot the page boundaries then you can't access the dialogue box for adjustment (You can but you will need a third party tool like Firebug or similar)


  • Once you have it ideally placed then you can write down the margin offsets and reproduce the widget contents on your real pages. It is best to do this before adding content because you can save this setup as a template with the "Save As" feature and simply pull it into each page of your site as you create new pages.
Photo of Jane

Jane

  • 19 Posts
  • 0 Reply Likes
When we set a negative value for the image it does move up but gets to the point where you cannot access it further for adjustment whilst it is stil in front of the menu. The menu doesn't get pushed down to make space for the banner.

Is there any other way to get the banner to redirect to the home page or anything else we can try?
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
Is your new banner the same dimensions as the old?
Photo of Jane

Jane

  • 19 Posts
  • 0 Reply Likes
No it was a stock image because testing on a dummy site doesn't give access to the images. However, I've loaded up the 880 x 161 banner image and it does the same as attached.
Photo of Jane

Jane

  • 19 Posts
  • 0 Reply Likes
This is how we want it to look, as it does now, with the banner neatly within the silver border, not off the top of the page, but with a hyperlink.
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
I think i understand. It's probably happening like this because of the removal of the banner box and so on. Can you try to return the banner box which will create the space for the image and then manipulate the image to cover any aspects you don't wish to see?
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
The hyperlink is not a problem as you can add this in the image widget
Photo of Jane

Jane

  • 19 Posts
  • 0 Reply Likes
Trying to cover the banner with a new image of the same size is proving difficult. It can look well aligned, and then you preview and it moves a few pixels. Fiddling with it to try to get consistency, I fear it may be different in different browser and difficult to get it to look right, but will keep trying.

Can't the template be modified to add a hyperlink to the banner?
Photo of Jane

Jane

  • 19 Posts
  • 0 Reply Likes
It is proving tricky where there are different layouts on different pages. The required margin adjustments and the scaling of the image required to overlay the same banner are different, and the material below the menu needs its margin adjusted to not clash. Additionally, the layouts need to be adjusted and a 3 over 1 is a problem because you need a 1 over 3 to get the banner image on the top.

Overall, a 10 page or so website has needed a few hours to make these adjustments, it doesn't work on all pages, will be difficult to add new ones. We'll run like this, but really we want to just add a hyperlink to the original banner which is a universal internet browsing experience.