VB5 - Header Usage

[dachtera]

Hello,

I am unable to find where I can place a full width header in version 5. Site Builder only allows for the small image to be used. Our prior v3 board had a full width header, along with 3 buttons below for other aspects of our organization. This was done by someone prior to me maintaining the board.

Looking for how I would do this, and have not seen anything relevant for v5.

[Zachery]

You'd need to edit the header template, just like you always did in older versions.

[EngineerOne]

You'd need to edit the header template, just like you always did in older versions.

I am new to the software.
Sure would like to know how to do this.

[godarmy]

Go to Admincp and then look at styles & template --> Style Manager -> edit template -> header

you can customize there

[Christine Car]

Been asking this same question myself and searching for a Fix on here and VB.com.
https://vborg.vbsupport.ru/showthread.php?t=299841
Still Unsolved

Tried styles & template --> Style Manager -> edit template -> header ,
One click on header only shows..
header:

This template has not been customized in this style or any of its parent styles.
Double-click the template name or click the 'Customize' button to add a customized version of this template to the current style and its child sets.
Last edited March 22 2013 at 19:13 by vBulletin Solutions

..............................
Double click brings up the code with 363 commands, Yet i see nothing to adjust the size of the header Logo.
Where and What should we be doing to accomplish this, I have seen several members asking the same question on Here and VB.com and have yet to see anyone post about achieving it.

[Lynne]

Did you try to just add the path to the image via the stylevar titleimage and then add this to your css_additional.css template:

#header .site-logo img {width: auto; max-width:none;}

[Christine Car]

Perfect Lynne,

Added the Additional CSS and the logo went full length as wanted,

Is there a way to lower the Search function box ??? Or i may have to try uploading a smaller version of the Logo..

See here http://www.christinecarclub.net/index.php

[EngineerOne]

O.K.
Been watching this thread and others to do similar (3 different HTML across the top) but didn't catch what was offered here.

I little explanation please.

I would like the search box elsewhere also.

[Lynne]

Perhaps align it bottom:

#header .toolbar {vertical-align: bottom;}

[Christine Car]

Hi Lynne,

Are you saying to add this to my css_additional.css template:

Or to look for a exsisting HTML Code to change..

Thanks again for all your help..

[Lynne]

I always like to just add it to my css_additional.css template instead of editing the existing .css template.

[Christine Car]

Thanks for the reply Lynne,
Yes i guess adding them there makes it so easy to Undo anything added at a later date

Worked perfect also,,

[tacklebox joe]

i did everything but logo will not move for me just the search box did...help? please? :)

--------------- Added 1374454447 at 1374454447 ---------------

did everthing but logo will not go full length only the searchbox moved for me . help? please? :)

[Lynne]

We would need a link to your site and an image of what you want it to look like in order to help.

[tacklebox joe]

Hi Lynne, please note below. i currently has my forums off for now...thx for the help!

www.njfishreports.com

[Lynne]

I can't even see a logo - it is a broken image.

[tacklebox joe]

not that i am aware of...guess it is. how do i fix that? Sorry, ima noob.....

when i try to upload the image from my computer it will not let me so i used an url from my photobucket account

[Zachery]

You have to upload your own logo via FTP.
Upload it to the /images/misc folder in the forum folder, then log into your admin control panel
Styles & Templates > Style Manager > StyleVars (from the drop menu)
Enter into the search box: titleimage . In the Title Image, replace what is there with the name of your logo image.

[tacklebox joe]

did it but still getting this:

[tacklebox joe]

disregard Zach, figured out what i did wrong...thanks

--------------- Added 1374760949 at 1374760949 ---------------

okay, here i am: i have added the image into my FTP images>misc....added the path in title image....added the additional css......logo still not expanded. Any ideas? Do I need to edit elsewhere instead of additional css? thanks.

[Lynne]

I see your image, but what do you mean that you want it expanded? The image is just 310px wide, which is what is showing, so what is it you want to happen?

[tacklebox joe]

i want it like CC's header......across the whole site

http://www.christinecarclub.net/index.php

[Zachery]

Their image is just hugenormous. I wouldn't recommend it.

[Lynne]

I wouldn't recommend that either. But, if that is what you want, then you need to use a photo editor and create a big huge logo like that one.

[tacklebox joe]

k. thanks. How would i go about changing the header background color to black and make it expand the whole header? When i tried it the header background color did not expand the whole length

notice top left hand corner:

[Lynne]

You have an image set for the background:
images/css/bckg_page.png

get rid of that and just leave the color for the header_background

[tacklebox joe]

got rid of it in my root however, did not work.

[Lynne]

You also left the background color at #333333 instead of black.

[tacklebox joe]

lynne, thx for the response got it to work...thx for all your help :)