Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1213499
    Oliver V
    Participant

    Hello!

    I am trying to customize my bbpress forum.

    As you can see here: http://prntscr.com/ct2ul1 , I just need to give background and same style to it. I have made changes to show the visits, and I can“t find the class. Page is https://oliver.ideasparatriunfar.com/foros/ and everything is updated.

    Can you help me, please?

    Thanks!

    Oliver.

    #1214107
    Rupok
    Member

    Hi Oliver,

    I can help with that. Let’s try this :

    .topic .bbp-topic-voice-count {
      background-color: green;
      border-radius: 3px;
      color: #fff;
      font-size: 14px;
      margin-top: 2px;
      padding: 3px 10px;
      width: auto;
    }

    Cheers!

    #1214152
    Oliver V
    Participant

    Wondeful! Looks great! Many thanks.

    One last thing… As you can see here http://prntscr.com/ct7n3y the titles of the column are not aligned with the counters. Can we fix this?

    Thanks!!!

    Oliver.

    #1214316
    Paul R
    Moderator

    Hi Oliver,

    To align it, you can add this under Custom > Edit Global CSS in the Customizer.

    
    .topic .bbp-topic-voice-count {
        min-width: 43px;
        margin-left: 5px;
        margin-right: 5px;
    }
    

    Hope that helps

    #1215245
    Oliver V
    Participant

    Hello!

    Thanks for the code. It is not really doing what it is necessary.

    Without your code page looks like: http://prntscr.com/ctia4e and where we have a list looks like this: http://prntscr.com/ctib0k

    Once I inserted your code the result in the main page is http://prntscr.com/ctibwt so the “visitas, aportaciones and last post” titles needs to go more to the left, and in the list page looks like http://prntscr.com/ctich4 , which is good in distribution except what we marked in red… (should be in the same line).

    Anything else we could do?

    Thanks!

    Oliver.

    #1215622
    Rue Nel
    Moderator

    Hi Oliver,

    To have something like this;

    Please add the following css code in the customizer, Appearance > Customize > Custom > CSS

    .bbp-body .bbp-header .bbp-topic-freshness{
        line-height: 1;
    }

    Hope this helps.

  • <script> jQuery(function($){ $("#no-reply-1213499 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>