Skip to:
Content
Pages
Categories
Search
Top
Bottom

Help with styling css

  • @gogitossj34

    Participant

    So, my forum is at http://mmo4teen.com/forums/
    and I wan it to look similar to a vbulletin forum, table like, especially the inside post and topic. Like avatar and info on the left with post on the right ( currently, it’s one on top of another ).
    I tried a lot of css but it did’t work very well.
    Anyone have some experience with this >

Viewing 18 replies - 1 through 18 (of 18 total)
  • @gogitossj34

    Participant

    bumping this ( bumping too soon ? )

    @robkk

    Moderator

    bumping too soon ?

    at least you did not create an entirely new topic

    bbpress has that tabled layout by default , its your child theme

    Stargazer Colloquium added that kind of layout to your theme.

    what you can do is find each changed template you dont want and just replace it with some of the original bbpress template code by copying it there.

    and also check on the bbpress.css in your child theme

    @gogitossj34

    Participant

    Oh, that’s not what I mean.
    By table, I mean that every forum in a category has its own table. Even using the default bbpress ( without the Stargazer Colloquium theme ), I get this:
    table top
    Category
    -forum
    -forum
    table bottom

    table top
    category
    ….
    table bottom

    I’m getting the han of css but not really understand bbpress div ( or is it class, still confuse, I mean like bbp-something) A
    and checking on w3 and google doesn’t help much. Do you now any documentation that will help ? Thanks in advance.

    @robkk

    Moderator

    if you mean like this http://thefastdiet.co.uk/forums/

    follow this topic https://bbpress.trac.wordpress.org/ticket/1958

    and read tharsheblows posts and take his code

    or read Bob1nz and go to his pastebin links and take his

    @gogitossj34

    Participant

    I cant seem to get it working, I downloaded all five php file from the trac and put them in the bbpress folder but this is still what I got : http://mmo4teen.webuda.com/forum-2/
    I’m using the normal stargazer theme with default bbpress.

    @gogitossj34

    Participant

    Ok, just edited some thing and it worked. Now, I need some help with css to fix the posted topic and freshnes, etc,..
    http://mmo4teen.webuda.com/forum-2/

    @robkk

    Moderator

    hmm this looks rough , i guess remove the words in li.bbp-forum-reply-count, and li.bbp-forum-topic-count

    to leave just to latest post.

    and

    add some red or white to the category forum title

    @gogitossj34

    Participant

    Gonna try that. How to change to red or white ? I actually looked into that lately but everything title related didn’t really fix it as far as I can find.

    @robkk

    Moderator

    i guess this might work.

    li.bbp-header ul.forum-titles li.bbp-forum-info a.bbp-forum-title {
    color:#fff!important;
    }

    @gogitossj34

    Participant

    Ok, added in !important worked.
    Do you know what can help moving the avatar and name to the left and comment to the right like normal bbpress ? Or maybe just the code so that I can edit it myself.

    @robkk

    Moderator

    if its just how the replies content looks like on a topic , i guess just copy loop-single-reply.php from the bbpress plugin templates and put it into your bbpress folder in your child theme.

    there might be some css from your bbpress stylesheet in your child theme that might make it look weird though.

    @gogitossj34

    Participant

    Didn’t change anything. Maybe it’s css that’s doing this.

    @robkk

    Moderator

    yeah most likely css

    @gogitossj34

    Participant

    any ideas ? And I also really want to keep post and reply on it. Any way ?

    @robkk

    Moderator

    look at the bbpress default stylesheet , then look at your stargazer child themes bbpress stylesheet and see what you need.

    heres some code that you might need …i dont know right all that you need

    #bbpress-forums div.bbp-reply-content {
    margin-left: 130px;
    padding: 12px 12px 12px 0;
    text-align: left;
    }

    #bbpress-forums div.bbp-reply-author {
    float: left;
    text-align: center;
    width: 115px;
    }

    @gogitossj34

    Participant

    Thanks a lot.
    It wokred, just the avatar is slightly off and the text inside the box is too close to the edge.

    @gogitossj34

    Participant

    ok, got close to it. Now this is what I have
    http://mmo4teen.webuda.com/forum-2/
    The topics and posts is only slightly off. So is the avatar and inbox text like this
    http://mmo4teen.webuda.com/forums/topic/afaafaffaffafs/

    @robkk

    Moderator

    yeah just remove the “topics” and “posts” words in the header by the “latest post” word

    it should be in loop-forums.php

    the rest i guess you can look at the default bbpress stylesheet and use that to help you get it looking right.

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