Latest Announcemnent
New thread

CSS Conflict vBulletin and Wordpress

Status
Not open for further replies.
8 comments
I think you can fix that with PHP.

eg:

Code: 
<?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.
 
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?
 
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.

nkrc10 said:
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?
Click to expand...

It just looks better, i love things that are integrated.
 
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
 
Code: 
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?
 
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.
 
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
Click to expand...

That are the ones causing the conflict, when i remove them from my CSS the vBulletin forum shows up fine.
 
Status
Not open for further replies.
Back
Top