[Robkk]

@critchy

you do have settings>forums Allow forum wide search enabled and no CSS hiding the search form

maybe using a customized wordpress theme could remove the search bar too.

[Marion Peterson]

I am adding a member forum section to a church website. It is just for congregation members to communicate with each other once logged in. The group wants only one main forum in which all topics will be listed/added. I have added the (bbPress) Forums List to the sidebar widget area, but it does not show up. When I log in, I see “member login” with my user name and below that “recent topics” with all topics listed in the right sidebar. The “forum List” does not appear at all, making it very confusing to navigate the topic threads. I don’t know css and am totally lost here, so please be kind and very specific with your help. 🙂

My WordPress version is 4.1.1 and we are using the “Risen” Theme.
bbPress version is 2.5.4, I am also using bbl style pack and bbPress WP Tweaks 1.3.1
the site is http://www.uugrassvalley.org

[Marion Peterson]

I am adding a member forum section to a church website. It is just for congregation members to communicate with each other once logged in. The board wants only one main forum in which all topics will be listed/added. I have added the (bbPress) Forums List to the sidebar widget area, but it does not show up. When I log in, I see “member login” with my user name and below that “recent topics” with all topics listed in the right sidebar. The “forum List” does not appear at all, making it very confusing to navigate the topic threads. I don’t know css and am totally lost here, so please be kind and very specific with your help. 🙂

My WordPress version is 4.1.1 and we are using the “Risen” Theme.
bbPress version is 2.5.4, I am also using bbl style pack and bbPress WP Tweaks 1.3.1
the site is http://www.uugrassvalley.org

[Robin W]

long and complicated to explain css, divs and all that, and I’m a newcomer to css, so I won’t try.

but in essence any css element can be nexted.

so

input would apply to any input field anywhere on the site
input[type=”submit”] would just apply to submit input
submit would apply to any submit
#bbpress-forums .submit would apply to submits within bbpress only.

any/all of these might work for a particular case, it would depend on how your theme author has set out his theme.

so can’t say why it didn’t work without me spending lots of time looking at it.

There is no single right/wrong with this, just right for your site with its theme and plugins !

[pfeufer]

Thanks again Robin. So I did put the following code into the Editor at first, but it did not work:

input {
border-radius: 2px 2px 2px 2px !important;
font-size: 10px !important;
}

But according to the bbPress Styling crib (https://codex.bbpress.org/bbpress-styling-crib/), the code should look like this:

#bbpress-forums .submit {
background-color: #a0668d;
color: #FFFFFF;
float: center;
vertical-align: middle;
border-radius: 10px;
height: 35px;
width: 80px;
font-size: 18px;
}

I guess what I am asking is, when I inspect a element in my browser (Chrome) it seems like I cannot just simply cut and paste the css code from the side inspector column, but rather, start the code with #bbpress-forums

Hope this makes sense. Thanks!

[KatieKat]

Hi @Robkk and @robin_w,

Apologies for the delay in getting back to you.

I have had a look at the link provided for slack and not sure if I am being thick or what but it is not that obvious how to get in touch with @jjj. I did click on his name but it is taking me to a buddypress site so cannot work out how to get through to him. In any event it says there was no activity found.

In the interim I have come up with a workaround as my issue is only around the subscription to Forums. As mentioned in the trail above the fix of r5409 applied before adding 2618.4.diff definitely worked for subscribing to Topics and Replies.

Therefore I have just through css removed the Subscribe element on the Forums page. I am happy in that if anyone is that interested in a topic within the forum that they will subscribe to it via the actual Topic and that does work.

Thank you for all your help but it would be really helpful if there was a more transparent way of getting support for the more serious problems. Appreciate the authors will not answer all questions in the forum given the large number but filtering out basic functionality bugs and addressing the issues would be helpful and probably reduce the number of support queries raising the same request.

Kind regards and once again thank you.

KatieKat

[aaron2310]

http://www.battle-bridge.co.uk/forums/

I just installed the plugin and created the forums but it doesn’t appear to be styling. I’ve checked in the coding and it doesn’t look like it’s reading the bbpress css sheets. This is the second custom theme I’ve used BBPress on and my first site didn’t have the same issue. I don’t believe I’ve done anything different this time around.

Any advice?

[pfeufer]

Hi,
I am using a WordPress child theme, Flatsome. I simply want to adjust minor things like button text sizes, different colored bars, text, etc.

In Google Chrome, I am able to inspect a element and change it’s style in the inspector window, but where do I paste the modified css code? The modified code does not work in the child theme’s Appearance/Edit window when it is pasted there.

I also tried to copy (not move) the bbpress.css file into the Parent theme’s css folder, but the code still does not work. I also tried to place the bbpress.css in the Child theme.

My questions are:

1. Where do I place the bbpress.css file? In the Parent theme or Child Theme? What folder?
2. Where do I paste the modified css code within the BBpress.css file? Anywhere?

Below is code that I adjusted to suit my needs. It is code for a “submit” button on the Forum page of BBpress in my theme:

.userwall_delete_post >button:hover, input[type=”submit”], input[type=”button”], input[type=”reset”] {
-webkit-border-radius: 0px 0px 0px 7px;
-moz-border-radius: 0px 0px 0px 7px;
border-radius: 3px 3px 3px 3px !important;
font-family: Arial;
font-size: 12px !important;
padding: 10px !important;
text-decoration: none;
}

Thanks for any help!

Best,
John

[Robin W]

presuming you’ll be using css to do this, just inspect the pages using developer tools and you’ll see the created class.

for instance your general banter forum has a class of

‘forum bbpress single single-forum postid-28’

Developer tools

https://developer.chrome.com/devtools

https://msdn.microsoft.com/en-gb/library/ie/gg589507(v=vs.85)

[BillOsuch]

I’ve got my sidebar activated, but it’s picking everything up from my Genesis theme, so it winds up looking like this:

I’d like to shrink the search box & button, and put the forums into a bulleted list. What css file does the sidebar use, and what tags am I looking for?

Thanks!

[Robkk]

@jmeyer2485

bbpress.org adds that background color around the forum name using this CSS code.

#bbpress-forums p.bbp-topic-meta .bbp-topic-started-in a {
background-color: #328C00;
}

of course you can only see it on super-sticky topics and also when your forum root is showing topics by freshness

[Robin W]

ok, I’ve looked ta the page

your style.css has

.row .col img {
    height: auto;
    margin-bottom: 15px;
    max-width: 100%;
    width: auto;
}

around line 1929

The width: auto;
is causing the issue, remove that and the image reverts to 14 – but around 30 looks good !

adding

margin-left: auto;
margin-right: auto

will also center the image

so you end up with

.row .col img {
    height: auto;
    margin-bottom: 15px;
    max-width: 100%;
margin-left: auto;
margin-right: auto;
}

If just for bbpress then

#bbpress-forums .row .col img {
    height: auto;
    margin-bottom: 15px;
    max-width: 100%;
margin-left: auto;
margin-right: auto;
}

[Robin W]

Sorry, using css don’t know how to do that. As before it would I think involve a rewrite of the function bbp_reply_author_link

And lastly, how to modify the css so that I can display the role as its displayed here on this website, ie., role covered in a box.

just add

background-color : green ;

to your

#bbpress-forums div.bbp-forum-author .bbp-author-role-admin,
 #bbpress-forums div.bbp-topic-author .bbp-author-role-admin,
 #bbpress-forums div.bbp-reply-author .bbp-author-role-admin { etc

code above

[–Q–Shadows]

No worries, you took time to even respond is good enough for me.

Anyways, I played a little bit with css and was able to color the forum roles by adding this is my css file –

‘#bbpress-forums div.bbp-forum-author .bbp-author-role-admin,
#bbpress-forums div.bbp-topic-author .bbp-author-role-admin,
#bbpress-forums div.bbp-reply-author .bbp-author-role-admin {
color:red;
font-size:14px;
font-family:lucida sans unicode, lucida grande, sans-serif;line-height:1;
} ‘
and different colors for different roles by adding the role name at the end (instead of admin).

Now the issue I am running into is with this –
‘ #bbpress-forums div.bbp-topic-author a.bbp-author-name
#bbpress-forums div.bbp-reply-author a.bbp-author-name {
clear: left;
display: block;
color:red;
} ‘

Using this code I am able to change the color of Usernames too, but unfortunately its applied globally and am not much familiar with bbpress to know exactly how to make it role wise. Is there anything that can be added to the above code that would make it apply depending on the role of that author.

And lastly, how to modify the css so that I can display the role as its displayed here on this website, ie., role covered in a box.

Would really appreciate if you could at the very least guide me in a proper direction.

Cheers.

[Robin W]

put the following in your style.css

#bbpress-forums .button {
  background-color: blue;
  color: red;
}

Functions files and child themes – explained !

[Robin W]

add the following to your style.css

if you want it on the left but smaller

#bbpress-forums {
  width: 66% !important;
}

If you want it centered

#bbpress-forums {
  margin-left: auto !important;
  margin-right: auto !important;
  width: 66% !important;
}

Functions files and child themes – explained !

Obviously play with the 66% to get whatever width you want

[TTYP]

Hi folks,

I could really use some help! I’ve installed bbpress and it’s beginning to look good, but I’m having some problems with the table alignment.

My theme is responsive but for some reason, the individual forum columns (ie freshness, topic, etc) aren’t holding their shape at all and keep running over onto the next line, making the forum look very messy on mobile.

I have access to the CSS file but can’t figure out the code I need to make sure that the columns remain ‘fixed’, regardless of the screen size/orientation. Here’s a link – I would be very grateful if you could give me a hint as to what I need to change. I’m running wordpress 4.1 and the latest version of bbpress.

Sweden & Denmark travel forum

Thank you!

[markf1]

Robin,

I deactivated all the Plug-Ins except bbPress. No change, problem remains.

I switched to TwentyTwelcve theme and is whacked out the site but.. the forum links do seem to work.

So it appears that my child theme is somehow causing this. Maybe link styling/css? Or maybe something in the functions.php?

I’m unsure of how to trouble shoot this. Any suggestions much appreciated.

Thanks!

[Robin W]

Not quite sure why, but the replies class is not showing

Try adding

.forums.bbp-replies {
  clear: both !important;
}

to your style.css

Functions files and child themes – explained !

that fixed it in my browser

[Robin W]

ok, it’s caused by your themes style sheet

line 5600 says

.no-touch .reply {
  visibility: hidden;
}

and this is hiding bbpress reply

you could try adding

#bbpress-forums .no-touch .reply {
  visibility: visible !important;
}

to your css file

see

Functions files and child themes – explained !

[Stagger Lee]

Try to adapt this:

add_filter( 'nav_menu_css_class', 'namespace_menu_classes', 10, 2 );
function namespace_menu_classes( $classes , $item ){
    if ( in_array(get_post_type(), array('forum','topic','reply')) )
	 {
        $classes = str_replace( 'current_page_parent', '', $classes );
        $classes = str_replace( 'menu-item-22902', 'current-page-parent', $classes );
    }
    return $classes;
}

[Rosa Parker]

This is my website: http://ecoperate.com, WordPress version is 4.0.1 and bbPress version is 2.5.4.

I noticed that the little avatar icons displayed in bbPress widget areas (e.g. to show recent posts or comments) don’t have any margin on the right and appear as though they stick to the text. In my case, this is a footer widget that displays the latest topic. I would like to add margin-right, but the problem is that the avatar icons in the actual forum area fall under the same CSS selector and appear to have enough margin already (they also have a border). So, when I add margin-right, it affects not only the widget icons. How can I do that, though? Is there a way to separate them, so that the icons in the forum area remain the same?

Many thanks in advance,

Rosa

[Haris Zulfiqar]

<div class="support-topics">[bbp-single-forum id=383269]</div>

The above shortcode only works in http mode and not https mode. It stops the entire page content from rendering in SSL mode only.

Nope, this is not an HTML or CSS issue.

Any ideas?

[Stefan Wo]

Hi, Peter thx for a response!

The purpose is the issue of the forum. It is a discussion forum about haiku. If you don´t know them: little poems written usually in 3 lines. To display them as topic I need a textarea field for the 3 lines. Meanwhile I have a solution for the entry title and could substitute in the form-topic.php the input label as textarea. To display it with line breaks I use the css white-space tag. But there is still one problem I can not solve by css-rule, if you are common with that, perhaps you have a hint for me. You can se that:

Here the entry-title is displayed corect with line breaks:
http://15.haiku.de/forums/topic/ein-erstes-haikuhier-eingetragen-und-dannweiter-verfolgt/

but in the topic-list view I cant find the correct css rule to make the breaks correct:
http://15.haiku.de/forums/forum/haiku-werkstatt/

???

[Seo45]

Okay, I’m officially freaking out now. After hearing about it quite a bit, I finally learned how to create a child theme. I did so, and I began adding css related to bbpress with “!important” to change things. After changing a few things, I realized the text color wasn’t going to work, so I went into my theme options, and there is a way to change colors without having to go into code. Luckily, there is a default button, so I can just press that to go back to default. Basically, I changed each one and then refreshed the forum to see if that was it. I finally found it, but I didn’t like what it did to the rest of the site, so I went back to default. Now nothing is changing on the forum, even though everything else is going back to normal in the theme.

So I then started deleting the changes I made in my child theme .css, and it isn’t changing anything. I even went as far as to go back to my parent theme. This made the forum disappear, so I deactivated it and re-activated it. Well, now it is right back to the one after it was changed. How could it still be changed? I tried deleting it and re installing it, but it still won’t change. How could this have happened?

Sorry for panicking, but I simply don’t understand how this happened. Thank you for any answers.