How to put between forum category's line's in stead of the standard grey line

[newtalker]

Hi there,

Im new to all this so please hold in mind that I need help in a way that a newbi would understand.

Im trying to put lines between the category's in the forum but I can't figure out how. The default skin (vBulletin 5 connect) has this standard grey big line, I would like to change that into a thin black line.

Also, I have a banner made, I tried to put the code in it and it worked, but I can't get the Advanced Search option in it, in stead the search option becomes bellow the banner. I would like to get the search option in the banner itself on the right side.

Thanks.

[Mark.B]

Is your site public yet? We could do with a link to see what's happening.

[newtalker]

Solved

[Mark.B]

Thanks.

I am not sure what you mean with regards to the black line, however I do notice your site does not have any categories for the forums....these provide a category header on a thick grey background bar.
Is this what you are referring to?



As regards banners, have you tried adding one via Site Builder?
Sitebuilder Bar > Header > Header Ad HTML Module > Edit

[newtalker]

Thanks.

I am not sure what you mean with regards to the black line, however I do notice your site does not have any categories for the forums....these provide a category header on a thick grey background bar.
Is this what you are referring to?

[ATTACH=CONFIG]63718[/ATTACH]

As regards banners, have you tried adding one via Site Builder?
Sitebuilder Bar > Header > Header Ad HTML Module > Edit

Yes, tha's what I meant. I got it solved, I found the answer here in the forum.
But as for the banner, the Sitebuilber only provides adding a logo, rather I would like to place a custom banner with a bigger size then the logo option. I have tried several things like for example, I went to the header.css and deleted the search option and logo option and in stead, I've put the following code:

<center>
<a href="mydomain.com"><img src=the image source></a>
</center>

But this way seems to the more 'amateur way' because it's merely a pictued placed, rather I would like to put it as a header background.
PS. the stylevar option also doesn't work (header_bg image)

[Trevor Hannant]

Try the solution here:

https://www.vbulletin.com/forum/showthread.php/414141-Header-Logo-restriction?p=2372149

[newtalker]

It still doesn't work, it seems to be a bug.
The header code is set as body_bg and not as header_bg.


I've tried to change it into header in the additional as well the global but it doesn't seem to work. The only option is to place it as a picture, but at the cost of the search option.

[Wayne Luke]

There are changes to the stylevars coming in Beta 26. Please let us know if it continues to be a problem after that.

You can set the background of the header like this:

#header {
    background: url("/images/vbcodex/headbg.jpg") repeat-x scroll 0 0 #E3E3E3;
}

This specifies an image off the root in the /images/vbcodex forum. If you use images/vbcodex in the CSS then the image needs to be in /core/images/vbcodex. Images are relative to the CSS. If you're banner is large enough or you don't want it to repeat, change repeat-x to no_repeat. If you're banner doesn't fill the entire space and you want it to, then you can use the CSS background-size property with the value set to cover like this:

#header {
    background: url("/images/vbcodex/headbg.jpg") repeat-x scroll 0 0 #E3E3E3;
    background-size: cover;
}

The background-size may not be recognized by all browsers or they may require a proprietary tag that is comparable.