Adding banner instead of logo (DeFraction theme)

[MarwanAshrafz]

Hello,

I am using vBulletin 4.2.3 with Defraction theme (forum link: http://oefserver.com/forum/). I wanted to add this banner http://i.imgur.com/B8ZqCLt.png instead of the logo, it should be centered and added to the header. I am not really a html/css expert so I'd appreciate it if you guys guide me how to do that, thank you!

EDIT: just noticed I posted in the wrong section, please move it!

[In Omnibus]

Best thing to do would be to ask PureVB since they made your style.

The CSS used to edit the default style might break that style.

[MarwanAshrafz]

Best thing to do would be to ask PureVB since they made your style.

The CSS used to edit the default style might break that style.

Cant you just help me? I am willing to provide any template/css you guys ask for!

[In Omnibus]

Why do you not want to go to the developer of the theme?

Is it because they charge $29.95 for logo installation?

[TheLastSuperman]

Hmm looks like their logo is on the left with the login on right... You could see what div class is doing that background bar, then simply try to replace the background url in the css with your new one. and make the current logo a clickable (blank transparent .png image file) image that way you can still click the logo in a sense and go to forumhome.

Probably a few different ways you could go about this but I'd simply figure out what area does that background image, replace it with the banner and replace the logo with the transparent image. I can't recall but PureVB may use a plguin with his styles, some vendors do and some don't but what I'm hinting at is, if yuou can't find it in the css templates or an external css file they've included it could be in a custom stylevar setting.

[In Omnibus]

Hmm looks like their logo is on the left with the login on right... You could see what div class is doing that background bar, then simply try to replace the background url in the css with your new one. and make the current logo a clickable (blank transparent .png image file) image that way you can still click the logo in a sense and go to forumhome.

Probably a few different ways you could go about this but I'd simply figure out what area does that background image, replace it with the banner and replace the logo with the transparent image. I can't recall but PureVB may use a plguin with his styles, some vendors do and some don't but what I'm hinting at is, if yuou can't find it in the css templates or an external css file they've included it could be in a custom stylevar setting.

Yes, that would be the logical manner of resolving the issue, however I want to know why the member is reluctant to go to the developer of the theme. That would be the most logical solution unless the member has a reason for not so doing.

[MarwanAshrafz]

I do not want to pay for the logo installation as I might be able to do it myself.

Anyway,

I played with the additional.css and its somehow better now, I only want to center the banner but I cant do it.

My CSS:
http://pastebin.com/CqDTRVmj

How it looks like:


I only played in those;

.logo {
float:{vb:stylevar center};
height:198px;
padding-{vb:stylevar right}:1178px;
}


.headerBanner {
position:fixed;
top:198px;
{vb:stylevar right}:1178px;
}

[In Omnibus]

You could try this:

.logo-image {
clear:both;
display:block;
float:none;
text-align:center;
padding-top: 20px;
}

Not responsible if it breaks the style.

[MarwanAshrafz]

Thats how it looks like now;
http://prntscr.com/bpqfsv

[In Omnibus]

Try adding:

max-width: 100%;

above the closing }

[TheLastSuperman]

^ Or if the forum is fixed width, simply check the stylevar setting for width and set the image to max-width:980px replacing the 980 with the actual width value.