Skip to:
Content
Pages
Categories
Search
Top
Bottom

Background color not affecting padding?! (seemingly)


  • Applesauce
    Participant

    @applesauce

    Hi, I’ve changed the background color in my bbpress forum but for some reason the background color is not affecting the padding (or so it seems). I’ve searched online and found I may need to add overflow:hidden and even overflow:auto. I’ve tried to add this to many many variations and combinations of IDs and CLASSes (there are so many!) but I can’t figure it out.

    I’m using a child theme from the 2014 WordPress theme but didn’t change too much.

    My forum is at: http://www.pippenings.com/rv-living/rv-motorhome-life-forum/

    Here is the CSS styling I’ve added to the forum so far (minus the child theme’s styling which was mostly used for changing colors…)

    Can you please help me out?

    #forums-list-0 .bbp-forum-title {
    	font-size:1.6em;
    	text-decoration:none;
    }
    
    #forums-list-0 .bbp-forum-title a:link {
    	text-decoration:none;
    }
    
    #entry-content #bbpress-forums {
    	background-color:#232d36;
    	overflow:auto;
    
    }
    
    #bbpress-forums ul, #bbpress-forums li {
    	background-color:#232d36;
    		overflow:auto;
    
    }
    
    #bbpress-forums ul.bbp-replies, bbp-body, #bbpress-forums p {
    	background-color:#232d36;
    }
    #bbpress-forums ul.forums-list-0 li.bbp-body {
    	background-color:#232d36 !important;
    		overflow:auto;
    }
Viewing 2 replies - 1 through 2 (of 2 total)

  • Robkk
    Moderator

    @robkk

    first remove all the CSS code you just posted , from where you are putting this custom css

    it looks all jenky..haha

    im going to use most of the CSS code i posted here

    How do i change the color of the text and box?

    /* header and footer that says AUTHOR , POSTS , VOICES, TOPICS , FORUMS */
    
    #bbpress-forums li.bbp-header, 
    #bbpress-forums li.bbp-footer {
    background: #000 !important;
    border-top: 1px solid #eee;
    font-weight: bold;
    padding: 8px;
    text-align: center;
    }
    
    /* this is the background of the forums and topics that display the title, the freshness stats and so on. */
    
    #bbpress-forums li.bbp-body ul.forum, 
    #bbpress-forums li.bbp-body ul.topic {
    border-top: 1px solid #eee;
    overflow: hidden;
    padding: 8px;
    background: #000;
    }
    
    /* this is the header that shows the post date and post ID */
    
    #bbpress-forums div.bbp-forum-header, 
    #bbpress-forums div.bbp-topic-header, 
    #bbpress-forums div.bbp-reply-header {
    background-color: #000;
    }
    
    /* try to make these two different types of dark shades if you care about having an AB color pattern of replies/topics/forums. */
    
    #bbpress-forums div.odd, 
    #bbpress-forums ul.odd {
    background-color: #000;
    }
    
    #bbpress-forums div.even, 
    #bbpress-forums ul.even {
    background-color: #000;
    }

    here is the code to remove the text decoration from the forum titles

    .bbp-forum-title,
    .bbp-forum-title a {
    text-decoration:none;
    }

    Applesauce
    Participant

    @applesauce

    Holy moly you did it!!!!!!

    Massive appreciation!!!!

    Thank you thank you thank you thank you sooo sooo much!!!!

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