Forums

Unfortunately no one can be told what FluxBB is - you have to see it for yourself.

You are not logged in.

#1 2009-07-09 19:13:58

saxamo
Member
From: Underground
Registered: 2009-06-24
Posts: 79
Website

Change Paragraph Size

Hello there,

My forums are integrated into my site thanks to Smartys.  I would like to make it so that the font on the forums is 8pt even though the site itself Paragraph is 9pt.  What would I add where to make this happen.  The forums look so nice in 8pt {p but the site looks bad.  Any way I can force the size of the font for paragraph in the oxygen.css or base or oxygen_cs where the font for the forums is !important or something?

Any help is appreciated..


Kind regards,
Saxamo

http://www.saxamo.com

Offline

#2 2009-07-13 12:33:28

saxamo
Member
From: Underground
Registered: 2009-06-24
Posts: 79
Website

Re: Change Paragraph Size

heh.. I guess no one understood what the hell I wrote up there.. After reading it again, even I had trouble. 

If your forums are integrated into a wordpress template, certain aspects of the forums take on the css rules of wordpress.  One of such rule is the paragraph tag.  If you were to be using firefox and you loaded up http://www.saxamo.com/forums/index.php in your browser and had the firebug extension installed you could inspect the forums and highlight the catchphrase " Knowledge in the art of reef... " at the top of the forums.  When you do this you can see what css controls that text.  If you scroll down in firebug and change the paragraph css from 9pt to 8pt you can see how much better the forums look and feel.  Unfortunately this is a change to the entire site.  So the rest of the site looks crappy, especially the articles in WP.

What I want to do is make it so that the forums overide the wp template paragraph css.  I want to stick a p tag in the css files of the oxygen template somewhere and make it so that the forums use that css instead of the css gotten from the wp template.  Is there an easy way to enforce this to the forums?

Hope that made more sense.. thanks!


Kind regards,
Saxamo

http://www.saxamo.com

Offline

#3 2009-07-13 12:43:32

Paul
Developer
From: Wales, UK
Registered: 2008-04-27
Posts: 1,653

Re: Change Paragraph Size

Try .pun p {font-size: whatever)

If that doesn't work try #punwrap .pun p {font-size: whatever}


The only thing worse than finding a bug is knowing I created it in the first place.

Offline

#4 2009-07-13 12:49:13

saxamo
Member
From: Underground
Registered: 2009-06-24
Posts: 79
Website

Re: Change Paragraph Size

Hello there,

I just added

p {
    color:#99CCFF;
    font-size:8pt;
}

as it is in style.css to the base.css.

It seems to be working just fine..  But I want it done properly.. so I am going to add what you suggested.  My question is do I add it to the base.css? or some place else?


Kind regards,
Saxamo

http://www.saxamo.com

Offline

#5 2009-07-13 12:52:11

saxamo
Member
From: Underground
Registered: 2009-06-24
Posts: 79
Website

Re: Change Paragraph Size

I just added

.pun p {font-size:8pt;}

to the base.css.  Seems to be working perfectly.  Just let me know if that is the correct place for it.  Thanks Paul!


Kind regards,
Saxamo

http://www.saxamo.com

Offline

#6 2009-07-13 12:57:00

Paul
Developer
From: Wales, UK
Registered: 2008-04-27
Posts: 1,653

Re: Change Paragraph Size

It doesn't matter which file you put it in if you are only using the one style. The main reason for putting .pun in front of the p tag is that removes any risk of it messing with any other stylesheets and reduces the risk of it being overriden by other styles.


The only thing worse than finding a bug is knowing I created it in the first place.

Offline

#7 2009-07-13 12:57:31

saxamo
Member
From: Underground
Registered: 2009-06-24
Posts: 79
Website

Re: Change Paragraph Size

Thanks Paul.. You can close this thread...


Kind regards,
Saxamo

http://www.saxamo.com

Offline

Board footer

Powered by FluxBB