Forum Support

Shape 5
October 20, 2021, 05:01:42 PM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News: Shape 5 Forum
   Home   Help Search Login Register  
Pages: [1]
Author Topic: Setting an image to full-length under logo and suckerfish  (Read 547 times)
Jr. Member
Offline Offline

Posts: 2

« on: June 17, 2011, 07:55:29 AM »


I'm converting an older Twiki hobby site over to Joomla and love the Intrigue template for my layout.  I would like to have an image as the background for the header, under my logo, suckerfish menu, etc.  I am using the fixed width and have an image at 960px. that I replaced the s5_logo with but it's being cropped by the logo module size (so much for hoping it would expand over). 

I am thinking I need to add the reference to the image directly to the css as a background element but I'm not sure how to do that.  I'm a long time WebSphere / Apache / Linux admin and can code happily in python but I just don't know css very well myself yet.    Once I get the image across the header as expected I'll tweak the logo to be sure it overlaps cleanly and may need to play with the suckerfish settings to be sure the menu is still easily visible.

Also, I'm extending the basic color of the logo image down as the highlight colors (currently I made these gray just to not see the orange any more) and will need to work on the font colors so this should look less conflicting and easier to read than it does now.

Any advise on getting a full length image into that header space is greatly appreciated.

Offline Offline

Posts: 28743

« Reply #1 on: June 17, 2011, 08:25:44 AM »


Adding any kind of custom module area to the header would require custom programming. You would have to publish a module to one of the existing module positions such as the position "top". A layout of the available positions can be found here:

Mike Knott
Shape 5 Team

- Need a great host for your website? We highly recommend!

- Put your trust in the hands of our extremely qualified staff to get your job done right!

- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
Jr. Member
Offline Offline

Posts: 2

« Reply #2 on: June 17, 2011, 10:59:42 AM »

Sorry...I probably wasn't very clear.  I'm trying to see if there's a way to have a background image in the whitespace normally found "behind" the logo, search and suckerfish module positions.

My early work is here:

I have some of the backgound image incoproated in my logo.  I want the full image filling the area 'above' the top modules.  I see that the suckerfish menu will already extend over the graphic of the logo without issue and functions fine (I'll tweak the colors and fonts for it later).  So instead of just white screen there I wanted my background image to appear.

Hope this helps!  Otherwise loving the template so far.
Pages: [1]
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF | SMF © 2013, Simple Machines
Joomla Bridge by
Valid XHTML 1.0! Valid CSS!
Looking for the largest variety in template designs? Look no more. Never buy 1 theme again. Signups start at just $89 for access to all of our themes.
Send Us An Email
Please send us your questions and we will email you back as soon as we can. Product support questions should be posted in our support forums under the Help menu. Our staff will assist you from there.