Skip to:
Content
Pages
Categories
Search
Top
Bottom

Dashicons Forums and Topic Titles


  • jemar707
    Participant

    @jemar707

    I am trying to replace the titles for Voice and Replies with dashicons like the WordPress forums are styled. I am using the code below, and it works in that it adds the dashicon, but it doesn’t remove the words.

    
    /*topic titles*/
    .bbpress .forum-titles {
    	overflow: hidden;
    }
    .bbpress .forum-titles .bbp-topic-voice-count::before,
    .bbpress .forum-titles .bbp-topic-reply-count::before {
    	font: 400 16px/1 dashicons;
    	margin-right: 100px;
    	-moz-osx-font-smoothing: grayscale;
    	-webkit-font-smoothing: antialiased;
    }
    
    	.bbpress .forum-titles .bbp-topic-voice-count::before,
    	.bbpress .forum-titles .bbp-topic-reply-count::before {
    		font: 400 21px/1 dashicons;
    		margin-left: 20px;
    	}
    
    .bbpress .forum-titles .bbp-topic-voice-count::before {
    	content: "\f307";
    }
    .bbpress .forum-titles .bbp-topic-reply-count::before {
    	content: "\f125";
    }
    
    .bbpress li.bbp-header li.bbp-forum-info,
    .bbpress li.bbp-header li.bbp-topic-title {
    	text-align: left !important;
    }
    
    /*forum titles*/
    
    .bbpress .forum-titles {
    	overflow: hidden;
    }
    .bbpress .forum-titles .bbp-forum-topic-count::before,
    .bbpress .forum-titles .bbp-forum-reply-count::before {
    	font: 400 16px/1 dashicons;
    	margin-right: 100px;
    	-moz-osx-font-smoothing: grayscale;
    	-webkit-font-smoothing: antialiased;
    }
    
    	.bbpress .forum-titles .bbp-forum-topic-count::before,
    	.bbpress .forum-titles .bbp-forum-reply-count::before {
    		font: 400 21px/1 dashicons;
    		margin-left: 20px;
    	}
    
    .bbpress .forum-titles .bbp-forum-topic-count::before {
    	content: "\f307";
    }
    .bbpress .forum-titles .bbp-forum-reply-count::before {
    	content: "\f125";
    }
    
    .bbpress li.bbp-header li.bbp-forum-info,
    .bbpress li.bbp-header li.bbp-topic-title {
    	text-align: left !important;
    }
    
Viewing 3 replies - 1 through 3 (of 3 total)

  • Robin W
    Moderator

    @robin-w

    it needs a template change – if you know how to FTP

    find
    wp-content/plugins/bbpress/templates/default/bbpress/loop-topics.php

    transfer this to your pc and edit

    change:

    <li class="bbp-topic-voice-count"><?php esc_html_e( 'Voices', 'bbpress' ); ?></li>
    			<li class="bbp-topic-reply-count"><?php bbp_show_lead_topic()
    				? esc_html_e( 'Replies', 'bbpress' )
    				: esc_html_e( 'Posts',   'bbpress' );
    			?></li>

    to

    <li class="bbp-topic-voice-count"></li>
    <li class="bbp-topic-reply-count"></li>

    and save

    create a directory on your theme called ‘bbpress’
    ie wp-content/themes/%your-theme-name%/bbpress

    where %your-theme-name% is the name of your theme

    Then transfer the file you saved above and put in in the directory called bbpress that you created above, so you end up with
    wp-content/themes/%your-theme-name%/bbpress/loop-topics.php

    bbPress will now use this template instead of the original

    Repeat this for the file loop-forums.php


    jemar707
    Participant

    @jemar707

    Perfect! Thank you again.


    Robin W
    Moderator

    @robin-w

    pleased that you are fixed !

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