Skip to:
Content
Pages
Categories
Search
Top
Bottom

Very simple question — changing font size


  • renai42
    Participant

    @renai42

    hey everyone,

    installed a base install of bbPress today on a test site:

    http://topstory.com.au/forums/

    Basically all I want to do is modify the font size down, from 12px to 11px. Can someone tell me where I can do this? I’ve done a lot of frakking around with CSS files with WordPress, but can’t find the right setting in bbPress.

    Cheers,

    Renai

Viewing 9 replies - 26 through 34 (of 34 total)

  • Robin W
    Moderator

    @robin-w

    Great, glad you’re fixed !


    msteelman
    Participant

    @msteelman

    Ok, here is a very simple answer to a very simple question.

    Inside of your website admin area under appearance is a place to put custom CSS called Edit CSS.

    At the bottom of whatever else is in there add the following code:

    #bbpress-forums .bbp-topic-content p, #bbpress-forums .bbp-reply-content p {font-size: 16px;}

    That will make the font 16 pt. if you want it some other size then change the number.


    Robin W
    Moderator

    @robin-w

    do you mean dashboard>appearance>edit css ?

    If so, then this is a feature of your particular theme and not common.

    If you mean elsewhere, come back.


    ninjaunmatched
    Participant

    @ninjaunmatched

    I know it does cascade but if you are not familiar with writting the code to STYLE over attribiutes you can go looking for lines that alter font sizes. One way you could try is to get Notepad++. This text editer is just the greatest. Never edit code without it or something like it. You can use it to search for code. In this case I would try to search for “font-size:” within the CSS file being referred to in this thread. It will find every line where the font-size is being changed.

    Trying it now it finds 28 hits in the bbpress.css file I have in one of my sites. This I think will get you started. May not be the best way though. Just looking at the hits I can see some of the IDs or Classes also have a SPAN tag in them. Whichs tell me that the default span font settings would also have to be changed.

    I’m not sure where your HTML knowledge is but the SPAN tag when used is like a commenting or caption section (sort of) for text and it tends to be in a smaller font.

    for example:

    While jumping around the hits I see this:

    li.bbp-header div.bbp-topic-content span#subscription-toggle,
    li.bbp-header div.bbp-topic-content span#favorite-toggle,
    li.bbp-header div.bbp-reply-content span#subscription-toggle,
    li.bbp-header div.bbp-reply-content span#favorite-toggle {
    float: right;

    You may be able to get the look you want by just changing any

    font-size:

    entry you find but if things or some things still look too small for you then that span tag may be what you need to change to get it the way you want.

    Now I’m still just maybe a intermediate in my kowledge of things. I know what I was taught by learning myself and having taken Wed Design and Development I and II at a local college. But I am no developer. So I can read through css and understand what is going on. But because of the cascading way of CSS you can make changes that will not stick due to a higher level attribute being set so you have to play detective which wastes alot of time.

    I do agree though as the responses are too vague. Looking for the same answer I find this thread and so I am sharing what I have done so far to figure this one out. I did find something that mentions being able to use an IF statement on the themes main style sheet (CSS file) that will find all bbpress related entries and change whatever attribute you designate which in this case would be the font size. Now someone mentioned this in this thread without stating how which is close to pointless if the intention is to help you solve it. At least when you make the suggestion state it in a simple way so its understood by all. I ran into this code during my research on it but I am currently here. I will copy paste the code if I can find it again. By now I assume you found the answer but for anyone else that runs into this thread. (which by the way showed up on top of a google search in like its own special section).


    ninjaunmatched
    Participant

    @ninjaunmatched

    Okay I found the code which is on this site actually.

    click here

    But the code mentioned:

    if (is_bbpress()) :
    div class=”abc”
    else :
    div class=”xyz”
    endif;

    Still would not make sense to everyone. So I’m thinking the first part is the main part. After the colon you would change the div class to whatever you want change which would be some of the classes mentioned in this thread to another class that you create which simply just changes the font size.

    I’m thinking this way you would have to create your own classs for each thing you want to change in bbpress whether it was the reply text, the header text, or the content text. If I am off a bit or a lot just chime in. Hope it helps.


    Robin W
    Moderator

    @robin-w

    if (is_bbpress()) :
     div class=”abc”
    else :
     div class=”xyz”
    endif;

    translates to

    if you are on a bbpress screen/page/display [as opposed to a wordpress blog post or page, a home page or anything that isn’t bbpress]

    the use div class abc

    if you are on any other type of page use class xyz.

    Many themes use if statements checking against ‘conditional tags’ to style areas for instance the conditional tag is_home() checks whether this is the home or index page.


    ninjaunmatched
    Participant

    @ninjaunmatched

    Okay…. So in this example do you need to have the else statement there at all? (Does IF require it?) Or is there a way to just say else use what is default without haivng to find the correct class of whatever you are altering?


    Robin W
    Moderator

    @robin-w

    the example is based on you having a page template in your theme that doesn’t display bbpress well, but works for other pages.

    In that example you could use a different class for bbpress pages to get them to render how you would like. So you would have the if/else.

    the article explains the other way, which is to rename a template to bbpress.php or forums.php, and then simply alter that for whatever bbpress display you want.

    Finally if it’s only bbpress display that you want to alter, you can simply change the bbpress styles in your theme style folder.

    Lots more in documentation, if you are trying to achieve something specific come back and detail it, and I’ll try and help


    SatanicDogooder
    Participant

    @satanicdogooder

    Thank you crzyhrse, your code was very helpful! Took a little bit of picking and choosing and adding an !important here and there but my site is looking much better!!!

Viewing 9 replies - 26 through 34 (of 34 total)
  • You must be logged in to reply to this topic.
Skip to toolbar