bbPress CSS Image and Fonts

Hi : On bbPress how to:
- Replace forum title, and topic title with custom image?
- Increase the size of ALL other text
See image: https://www.screencast.com/t/NWuwTCUAA

Any documentation on bbPress with info on these type of CSS custom codes?

  • Predrag Dubajic

    Hey VirtualArtists,

    Hope you're well :slight_smile:

    - Replace forum title, and topic title with custom image?

    bbPress doesn't have an option to use image as title and my suggestion here would be setting background image for that element and setting font opacity to 0 so it doesn't show over the image.
    Code for that would look something like this:

    .post-XX.type-topic h1 {
        background-image: url(IMAGE_URL);
        background-repeat: no-repeat;
        background-size: contain;
        color: rgba(255, 255, 255, 0);
    }

    What you need to adjust in that code is replace XX with the ID of your page, you can find that by opening your forum topic in back end and the ID will be shown in address bar like this:

    - Increase the size of ALL other text

    Text size is defined in different places so I gathered the classes for you and you can play with it and see what exactly you want changed :slight_smile:

    #bbpress-forums {
        font-size: 15px;
    }
    
    #bbpress-forums ul.bbp-lead-topic,
    #bbpress-forums ul.bbp-topics,
    #bbpress-forums ul.bbp-forums,
    #bbpress-forums ul.bbp-replies,
    #bbpress-forums ul.bbp-search-results,
    div.bbp-template-notice p {
        font-size: 15px;
    }
    
    #bbpress-forums .bbp-forum-info .bbp-forum-content,
    #bbpress-forums p.bbp-topic-meta {
        font-size: 14px;
    }
    
    div.bbp-breadcrumb,
    div.bbp-topic-tags {
        font-size: 15px;
    }

    If your theme doesn't have custom CSS field, then you may wish to use a child theme or a plugin like this one for this additional CSS. That way you're protected when you come to upgrade.

    Any documentation on bbPress with info on these type of CSS custom codes?

    I'm not familiar with that kind of documentation but you should be able to find more info on their support forums, like this thread for example:
    https://bbpress.org/forums/topic/very-simple-question-changing-font-size/

    Best regards,
    Predrag

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.