Skip to:
Content
Pages
Categories
Search
Top
Bottom

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


  • Kajamaz
    Participant

    @kajamaz

    I’m using Eclipse as my theme on wordpress.
    http://generalstcg.byethost15.com/?forum=general-discussion
    This is my website.
    I want to be able to change the color of the text because if you go on my website, it’ll be white on white.
    Is there a way to make the background a darker/blacker color and keep the white letters?
    I read about bbpress.css but I have no idea where to find it or to look for it.
    Can someone please help?
    Thank you!

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

  • Robkk
    Moderator

    @robkk

    easy way i think would be to just install this and choose the dark color.

    https://wordpress.org/plugins/bbpress-new-ui/

    you can also use this below css and copy it where ever you can put custom css

    jetpack css module
    custom css plugin
    you can find the exact css in bbpress.css and just replace it with the one im posting.

    you can of course change inherit to and other color like black or its hex #000 for example.

    if im missing something please reply back

    /* header and footer that says AUTHOR , POSTS , VOICES, TOPICS , FORUMS */
    
    #bbpress-forums li.bbp-header, 
    #bbpress-forums li.bbp-footer {
    background: inherit!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: inherit;
    }
    
    /* 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: inherit;
    }
    
    /* 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: inherit;
    }
    
    #bbpress-forums div.even, 
    #bbpress-forums ul.even {
    background-color: inherit;
    }

    SatanicDogooder
    Participant

    @satanicdogooder

    Hi those codes worked great on the bbpress forum paage! However they did not translate to the topics section. I added them to my child Css.styles.
    http://satanicdogooder.com/forums/topic/a-good-deed-aric-u/#new-post
    Any idea why the background of these pages did not take to the CSS change?
    Thx,
    The DoGooder


    Robkk
    Moderator

    @robkk

    @satanicdogooder

    did you add these too?? it seems like its the only thing your missing when i checked your website.

    /* 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: inherit;
    }
    
    #bbpress-forums div.even, 
    #bbpress-forums ul.even {
    background-color: inherit;
    }

    SatanicDogooder
    Participant

    @satanicdogooder

    Odds and even no. replies have alternating colors

    #bbpress-forums div.odd,
    #bbpress-forums ul.odd {
    background-color: #fbfbfb;
    }

    #bbpress-forums div.even,
    #bbpress-forums ul.even {
    background-color: #fff;
    }


    SatanicDogooder
    Participant

    @satanicdogooder

    Hmm my reply got cut off. Anyway good news. I learned it is important to spell !important with an “r”. Thanks for the help. Site is coming along. Much appreciated!

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