How can I easily re-design my bbPress installation?

tomsoc.net – preserve our planet Forums Coding in .CSS: We love it! How can I easily re-design my bbPress installation?

  • This topic is empty.
Viewing 1 post (of 1 total)
  • Author
    Posts
  • #35875 Reply
    Tom Landon
    Keymaster

    Well, as you can see, we are using a default bbPress installation with certain .css customizations. To also give you the option of even better designing your bbPress installation by simply adding some .css code to your “Appearance” –> “Customize” –> “Additional CSS” – section in the WORDPRESS admin, we freely provide you with the following snippets:

    #bbpress-forums li.bbp-footer {
     background: #3C3F44;
     color: #FFFFFF;
    }
     
    #bbpress-forums li.bbp-header {
     background: #3C3F44;
    }
    
    .bbp-pagination-count {
      font-family: roboto;  
    	font-size: 11px;
    	color: #777777!important;
    }
    
    .bbp-topics {
     border-style: none!important;
    }
    
    .bbp-topic {
     border: none!important;
    }
    
    #bbpress-forums ul {
     background-color: #3C3F44!important;
    	border-style: solid;
    	border-width: 10px;
    	border-color: #3C3F44;
    }
    
    .bbp-footer {
     border-style: none!important;
    }
    .bbp-header {
     border-style: none!important;
    }
    
    .bbp-topic-description {
     color: #ffffff;
    }
    
    .user-submit {
     background-color: #777777!important;
    	width: 80px;
    	height: 40px;
    	padding: none;
    	font-family: roboto;
    	font-size: 11px;
    	color: #ffffff;
    	border-style: solid;
    	border-color: #ffffff;
    	border-width: 1px;
    	border-radius: 0.5em;
    }
    
    #bbp_reply_submit {
     background-color: #777777!important;
    	width: 80px;
    	height: 40px;
    	padding: none;
    	font-family: roboto;
    	font-size: 11px;
    	color: #ffffff;
    	border-style: solid;
    	border-color: #ffffff;
    	border-width: 1px;
    	border-radius: 0.5em;
    }
    
    #bbp_topic_submit {
     background-color: #777777!important;
    	width: 80px;
    	height: 40px;
    	padding: none;
    	font-family: roboto;
    	font-size: 11px;
    	color: #ffffff;
    	border-style: solid;
    	border-color: #ffffff;
    	border-width: 1px;
    	border-radius: 0.5em;
    }
    
    .bbp-forum-info {
     color: #777777!important;
    }
    

    Your are free to use this and make it even more complete. Of course you are most welcome to add your optimizations to this topic.

    Have fun!

    Truly

    Tom Landon

Viewing 1 post (of 1 total)
Reply To: How can I easily re-design my bbPress installation?
Your information:




Cart
  • No products in the cart.