Need a quick fix.

I have this problem.

On the main site the navbar (highlighted in the picture) has the navbar perfectly done with the template like it suppose to, however when i integrated the template with the vbulletin script. The navbard caused problem and has a big font size, causing another line to be developed.

Here is the site.
http://www.pakistaniforces.com/

Picture.


Here is the vbulletin.
http://www.pakistaniforces.com/forums/

Picture


Seeing if someone knows how to fix it. I will really appreciate it.

Thank you!

 

i think you can solve this with css file, because i cannot see what it could be, but seek in the css where the tag name includes
<div id="ja-topnav">
<!-- Begin menu -->
<ul id="ja-transmenu"><li>

adjust the font name, padding value... and it can solve the problem.

its just a conflict of vbb css & your customized css

 

These are the template css files.

http://www.defence.pk/templates/ja_zibal_3_column/ja_transmenu/ja-transmenuh.css

http://www.defence.pk/templates/ja_zibal_3_column/css/template_css.css

http://www.defence.pk/templates/ja_zibal_3_column/css/colors/black.css

Vbulletin style css

http://www.defence.pk/forums/clientscript/vbulletin_css/1.css

I could appreciate if you could help me. I still couldn't find anything, and i really want this to be fixed. If you need additional information please, let me know.

Thanks.

 

edit following block in http://www.defence.pk/templates/ja_zibal_3_column/ja_transmenu/ja-transmenuh.css

 

It looks like you are using different style sheets. One has a bigger font.

 

Edit to what? The block you highlighted is the same one in the css file. There is nothing to edit?

What do you think should be done to fix it?

NOTE: When i removed the vbulletin css file, it worked perfectely. The menus were fixed, but then i need the vbulletin css in order to get the forum to look properly for its own things.

vbulletin css:

Thanks

 

uhm i mean edit the value i highlighted in bold the block is the reference for you to lookup in the file.

you have 2 options to do now:
1./ make the padding shorter:

padding: 0 15px;

2./ set the font smaller:

font-size: 10px;

or

font-size: 9px;

good luck & happy new year

 

for the option #2, please add the tag in #ja-transmenu li a {, it looks like this:

#ja-transmenu li a { /* common styles for 1st level menu */
padding: 0 25px;
float: left;
text-decoration: none;
display: block;
text-align: center;
font-size: 9px;
border-right: 1px solid #333333;
}

 

Alright i did what you told me to.

The results are: http://www.defence.pk/forums/index.php

Any other things that i can do to make it more similar?

Thanks for all the help! Much appreciated.

 

oh dud,

just inscrease font-size & adjust the padding, you will get it fit dont be so worry, you can test it

for example:

or

 

YIM me at vanductai im online now

 

I changed that man. Check.

http://www.defence.pk/templates/ja_zibal_3_column/ja_transmenu/ja-transmenuh.css

 

why dont you try

font-size: 11px; or font-size: 12px; or font-size: 13px;

if its still not similar, try to add padding-top & padding bottom value

you are welcome my YID: vanductai

 

why dont you try

font-size: 11px; or font-size: 12px; or font-size: 13px;

if its still not similar, try to add padding-top & padding-bottom value

you are welcome my YID: vanductai

 

Fixed bro!!!

Check it out

http://www.defence.pk/

http://www.defence.pk/forums/

It was a problem with the ".li" style, just took it out from the vbulletin style sheet, and bang! worked!

Thanks a lot, without you. I wouldn't even have tried.

Much appreciated!

 

congratulation

good luck with adsense