CSS Conflict vBulletin and Wordpress

[zomer86]

I just included the header and footer of my Wordpress website into my vBulletin, it all looks goods, but the CSS of vBulletin and Wordpress are now in conflict. Does anybody know how to solve this problem?

http://www.worldofapple.nl/forum/

 

[Smith]

I think you can fix that with PHP.

eg:

<?php 
if(is_forum) 
{echo '<link rel="stylesheet" href="forum_css.ss" type="text/css" media="screen" />';} 
else 
{echo '<link rel="stylesheet" href="website_css.css" type="text/css" media="screen" />';
?>

Of course that's just the example but you get the idea.

 

[nkrc10]

I think he wants to have both css included.

I guess u have same classes on forum as on wordpress. You have to look manually both css and change the classes names.

Have a question, why u want to include the wordpress header on forum?

 

[zomer86]

Yeah, but i can't seem to figger out how to change the CSS classes of vBulletin. When i take a look in the Style Manager it only shows: ex 'CSS Selector: .time' but where can i change it? I don't want to change the values of the class, but just the name.

I think he wants to have both css included.

I guess u have same classes on forum as on wordpress. You have to look manually both css and change the classes names.

Have a question, why u want to include the wordpress header on forum?

It just looks better, i love things that are integrated.

 

[Techking]

you should use different css files for both thing .

yet , you can use inline css for one |you can use "!important" in ahead of css attribute .

Good luck

 

[zomer86]

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}

These lines are conflicting, found them in my WordPress CSS. When I remove them the forum is showing up like it should, but it ruins the header completely, honestly have no idea how to fix it. These aren't even id's/classes right?

 

[zomer86]

If anybody can help, willing to pay for it!

 

[Tango]

make a new css file to include with the forum , strip out any un-used classes and prefix all others with wp_ then edit all the code in the header footer to use the wp_ prefix.

 

[zomer86]

Well there are no classes defined for

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td

That are the ones causing the conflict, when i remove them from my CSS the vBulletin forum shows up fine.