Skip to:
Content
Pages
Categories
Search
Top
Bottom

2.5.3 Easy change bbpress title font and color


  • wm
    Participant

    @webbmasterpianise

    After looking into child theme and options to make a complete theme for BBPress 2.5 I want to share this. (Unfortunatly the web is flooded with usless 1.0 tips)

    If you are not that into setting up a complete BBPpress child theme and hacking CSS, this is one simple way of doing a easy change and customisation of BBPress if u want some personalized look and you already have a child-theme style.css but your main-theme style is messing with BBPress looks.

    Add this snippet into your normal child-theme style.css and change the colors and font size as you like.

    
    /* BBPress font fix */
    
    #bbpress-forums li.bbp-header,
    #bbpress-forums li.bbp-footer {
    background: #D6E0FF;
    }
    
    #bbpress-forums div.bbp-forum-title h3,
    #bbpress-forums div.bbp-topic-title h3,
    #bbpress-forums div.bbp-reply-title h3 ,
    #bbpress-forums a.bbp-forum-title,
    #bbpress-forums a.bbp-topic-permalink {
    	font-size: 16px;
    	color: #0066FF;
    }
    
    #bbpress-forums a.bbp-author-name {
    	font-size: 12px;
    	color: 	#75A3FF;
    }
    

    Thats all. All other style is already looking nice I think. I use this blue look in my Techism child-theme and it looks great. Running BBPress 2.5.3.

Viewing 6 replies - 1 through 6 (of 6 total)

  • Robin W
    Moderator

    @robin-w

    Thanks for sharing, a few small changes can make a big difference !


    freshwater
    Participant

    @freshwater

    wm, this worked perfect, THANKS, i’ve been searching on/off to do this for 1.5 years, (i’m not sure if that says about me?) LOL! i would like to do something extra, do you know how? i would like – your code enlarged the Forum Parent text size, how can i also enlarge the Child Forums that display under the enlarged Parent Forum text?

    and can we change the font color in your code?

    Thanks a BUNCH!!!


    wm
    Participant

    @webbmasterpianise

    I havent tested any of the siggestions below. But you can play around with changes as example and change parameters:

    #bbpress-forums div.bbp-forum-title h3,
    	font-size: 30px;
    	color: #CC00CC;
    }

    ….ad this as as separate controls in the code above.

    Find colors that you want at: http://www.w3schools.com/tags/ref_colorpicker.asp

    You dont need uch change. Just add controls on the text types you want to change woth an } to close the code.


    Robin W
    Moderator

    @robin-w

    If you want to match an existing theme or website color, install ‘colorcop’

    http://colorcop.net/

    It lets you see what colour any part of your screen is


    sidelancer
    Participant

    @sidelancer

    Thanks a lot! Worked for me. I couldn’t find the code in bbpress to change the forum headings but your code worked right away.


    Robin W
    Moderator

    @robin-w

    @sidelancer

    so are you fixed, or do you still need help?

Viewing 6 replies - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.