WordPress.org

Forums

Techism
[resolved] Easy change bbpress 2.5.3 title font and color in Techism (9 posts)

  1. wm
    Member
    Posted 1 year ago #

    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.

  2. wm
    Member
    Posted 1 year ago #

    Just info for other users of Techism. Closing thread. ;-)

  3. Rajeeb Banstola
    Member
    Theme Author

    Posted 1 year ago #

    Hello wm,

    Thanks for fixing out this error. I will consider making this theme BBPress compatible in upcoming versions. :)

  4. desiamerican26
    Member
    Posted 10 months ago #

    @wm

    Can you please go step by step with this code. I mean where and how to do post it. I was checking in my cpanel and everything but was unable to figure this out. Can you guide me with the steps?

    I guess this is to help with tinymce? right?

    Thank You

  5. wm
    Member
    Posted 10 months ago #

    Glad you like to try the little fix code.

    This is made by using a child theme to your Techism theme and there is aloth of guides how to make this. The official page about this is here: http://codex.wordpress.org/Child_Themes
    Or at Youtube: https://www.youtube.com/watch?v=cbU12Tw7Q4U

    As I have made it I used a FTP program to acces my WordPress files and created the child theme: [root]/wp-content/themes/techism-child (Beside the folder techism)

    With the files you need for a child-theme you use the created "style.css" and add the provided code above.

    Ex:

    /*
    Theme Name:     Techism Child
    Theme URI:      http://my site url/
    Description:    Child theme till techism
    Author:         Me
    Author URI:     http://my site url/
    Template:       techism
    Version:        1.0
    */
    @import url("../techism/style.css");
    
    /* 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: 	#6993E6;
    }

    Good luck with creating your child theme!

  6. desiamerican26
    Member
    Posted 10 months ago #

    @wm...

    thank you for your help. I will try to do this tonight and let you know if i get to some point. I am not a very high tech with FTP and everything, but will surely try and update you :)

  7. desiamerican26
    Member
    Posted 10 months ago #

    @wm,

    I got the child theme and added the above code in style.css within child theme.

    I don't see much of a change on the front end with that. How do I get the tinymce with this now?

    Thank You

  8. wm
    Member
    Posted 10 months ago #

    If you activate this change and using Techism child theme + BB press you will see changed fonts and color that works better with Techism. I have not tested in any other themes. You see in the code that you can change font-size: and color: on the main elements in the front BB press layout. Change to any size or color in that code. This is the only things I needed to change. BB press looks great in all other settings for me.

    For color chosing codes I use: http://www.w3schools.com/tags/ref_colorpicker.asp

    I have not worked at all vith tinymce so I can not advice you in that.

  9. desiamerican26
    Member
    Posted 10 months ago #

    Yea I do see the changes in color and everything. but I was wondering if I can use the tinymce for users to post. I tried one code but it didn't work as I thought.

    you have any experience for tinymce?

    rest, everything looks different and better than before tho. thanks for sharing that knowloedge :)

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic