I want to do CSS for just the forum thread pages themselves (ie if I change the title color, I don’t want that change to apply to the list of forums or to other parts of my WordPress theme).
I’m working in the style.css file. How can I target bbpress’s templates and pages.phps?
The two ‘test’ items below are easier, as they just use blockquote so you can add this to your css
#bbpress-forums blockquote {
color: green;
}
I presume that you don’t want to change the class in the other plugin?
hello if i keep bbpress and buddypress ans desactivated all the other
when i click on one theme of the forum
it is strange…
i obtain all the list of my forums but like code
and the problem is not solved
[/vc_column_text][vc_column_text letter_spacing= » » el_class= »blocindex » css= ».vc_custom_1462630577662{margin-bottom: 10px !important;border-bottom-width: 0px !important;} »]Dans lxxxxxxx vous consultez des fiches de membre certifiées manuellement donc 100% réelles. Un homme inscrit c’est un homme derrière l’écran, une femme inscrite c’est une femme derrière l’écran. Une évidence pour vous ? Non ! puisque 99% des sites web adultes existants ne vérifient rien …[/vc_column_text][kleo_button title= »En savoir plus ! » href= »http://xxxxxxxt/la-communaute/ » style= »see-through » position= »center » size= »sm » icon= »ok-alt » font_weight= »400″ letter_spacing= » »][/vc_column][/vc_row][vc_row text_align= »center » text_color= »#ffffff » type= »color » bg_color= »#878787″ vertical_align= »yes » padding_top= »20″ padding_bottom= »20″ el_class= »col light »][vc_column width= »1/2″ css= ».vc_custom_1411383486564{background-position: center !important;background-repeat: no-repeat !important;background-size: contain !important;} »][vc_single_image image= »2921″ img_size= »full » alignment= »center » animation= »animate-when-almost-visible » css_animation= »left-to-right »][/vc_column][vc_column width= »1/2″][vc_column_text letter_spacing= » » css= ».vc_custom_1460628373561{margin-top: 10px !important;border-top-width: 0px !important;} »]”
for the theme i use kleo child template
when i choose “Twenty Fifteen”
same problem not fix
I’ll be short. Just installed this and looking at it for a possible forum option. Linkage:
http://www.rowlettanglicans.org/forums/
Wordpress version is 4.53, and bbpress is 2.5.10
1) You’ll see the colors are all wrong. Theme is Divi. Obviously css work needs to be done, but I’m not even sure where to begin with that. Any ideas?
2) Also, is it possible to stick this software behind a overall password? We have a password protected members are on the church site, and they’re wanting me to put this in the private area, which is already behind a password. Is this possible at all? I tried putting the slug wiht the same URL as the password protected area, but it didn’t pick up the system password for that (which isn’t a surprise, but hey, I tried). My thought is to put it behind our church’s password protected area, and then not require people to have accounts to post.
@phileas013
I would like the questions to be displayed the same way that on this bbpress forum.
On these forums the developer removed the content holding the labels and also moved the post date and id number in a different area.
Robin linked you to a plugin that enables you to show the lead topic, which this site does, so you have that. If you do not want to use the plugin, or you are really just using it to just show the lead topic, you can also use this custom php snippet that is on this site.
https://codex.bbpress.org/bbp_show_lead_topic/
I still do not find a way to add a border around the topic (and not the replies) or find a way to make it look different from the answers.
You can try some custom CSS like this. It won’t look as good as this site because of how its designed as I stated above.
.single-topic .topic {
border: 2px solid black;
}
I do not understand why the line in blue with “créateur” and “sujet” appears above and below the main topic.
Thats normal, its how the lead topic is supposed to be displayed by default.
Hi, i have noticed this is only when using mozilla firefox. If i do Ctrl + F5 once in the forum i am then relogged in.
Installing a different theme is not an option as our site would look completely different and some things just dont work, css…
Do you know if mozilla is trying to fix this at the moment?
ok, so for the header you have
#bbpress-forums div.bbp-reply-header
#bbpress-forums div.bbp-topic-header
and on content you have
#bbpress-forums .bbp-topic-content,
#bbpress-forums .bbp-reply-content
You could also download my style plugin
https://wordpress.org/plugins/bbp-style-pack/
and either use that or look at the styles.php file in the css folder for styling css and use what you need.
Hi Pascal,
Thanks for your replies. Using the CSS code mentioned in the below post has solved my problem
https://bbpress.org/forums/topic/shifting-forum-posts-to-the-left/
Hey All,
We need some urgent help,
We have groups on our learning platform, and we would like TOPIC CREATIONS to be closed for members.
We want to close topic creations. as we want members to only reply back to to TOPICS ALREADY CREATED by us.
This is with Groups and not BBPress Forums, Please help we are stuck on this, is their any css that will stop this, please see.
View post on imgur.com
I am running the latest BBP with WP 4.53 and BP 2.6.1.1 with sitewide and group forums using a 2012 child theme. I would like to show the forum pages full width in twenty twelve. I have tried several options to do this from using CSS to change the site content width along side copying the full with template and remaining Bbpress.php in the 2012 child theme folder as well as copying the Bbpress template folder to my 2012 child theme folder.
None of that has worked the closest it comes is the removal of the sidebar but the Bbpress content still doesn’t display full width. I have looked through the codex and the forums here but have not found a solution. Is there something I am missing? Can anyone point me to a definitive solution to this nagging problem. thank you
You said you wanted to edit the files, I assumed you would be familiar in styling your forums with CSS. If you are not that knowledgeable in using CSS then check and see if using a plugin like bbP Style Pack helps you out.
Where do you edit the CSS files for the forum then?
If you want to take a custom CSS based approach, you could use the body.bbpress selector.
In your case, an extra selector is needed for the main forum page. It’s not ideal to hardcode page IDs in CSS this way and normally that wouldn’t be required – but you seem to be using a custom page instead of a regular forum archive there.
Example:
body.page-id-174,
body.bbpress {
background: white url("http://replace.me/with-image.png") repeat top left !important;
}
If you add the above to your child theme stylesheet it should get you in the right direction. Please also note if you are able to add it after the existing custom background CSS rule, you can drop the !important modifier.
Of course, don’t forget to add a legit URL in there!
Hope that helps 🙂
Maybe something like this, not sure of what you are after.
Put the custom CSS in a custom CSS plugin or place it into a child themes style.css if you already created a child theme.
#bbpress-forums li.bbp-body ul.forum {
border-top: 1px solid #E91E63;
}
Hello my (lottery.co.th) public forum site is https://www.lottery.co.th/forums
I would like to add css to theme but don’t want to edit in bbpress plugin also how to add like a Solid colour between the category?
Thanks.
//Thank you the first reply is resolved for me.
Hi All,
I just created a really nice working table that I wanted to post as a sticky topic on my bbpress forums. I’m set up as an admin and have full html capabilities.
When I preview my html & css in Coda, it works great! Upon typing in the code as a new sticky topic, it is not inheriting any of the CSS styling.
Is this possible? I’m positive that styling and everything is done correctly. The forum just isn’t seeing it.
Thanks for the help.
– Boomer
Hi,
If you are having a small font for bbPress, then most probably your theme is having a standard small font size. CSS is indeed an option to go, but you will have to check in your environment where you have to copy this part. It might be something like:
#bbpress-forums .bbp-topic-content,
#bbpress-forums .bbp-reply-content {
font-size: 16px;
}
Otherwise you might try plugins like ‘bbp style pack’ to help styling your forum
Pascal.
So the plugin you linked to doesn’t really have anything to offer (other than stopping embeds in WP).
Did you try it? That plugin is specifically for those new WordPress post embeds.
THe setting I mentioned in the bbPress forum settings removes all embeds (youtube, flickr) including the WordPress post embeds.
You do not have to use CSS to hide the little post id number.
Did you try the disable embeds plugin? It may not do the forums specifically, just site wide.
Hey community!
I just joined BBPress a day ago, and completely alien to it. I basically want to understand how can you increase font size for the forums as its pretty small. Also if you are telling me to do with CSS. Please tell me where can I find CSS and how can I do it? Where to paste codes, I am in urgent help, please support!
Heres my community https://www.evilgamers.gq
Hi Robkk,
Thanks for the code. unfortunately it doesn’t work for my website. Well, I have a vagrant set up on my computer with a copy website and i test everything there before i make real changes.
I made a child theme and a style.css file (this works as my wordpress site recognises it) and i made a functions.php file and added the code you gave me. The thing is, i tried some other code that exists on https://codex.bbpress.org/layout-and-functionality-examples-you-can-use/#23-show%c2%a0the-bbpress-forum-search-everywhere and they didnt work either.
any suggestions?
would greatly appreciate any help.
thx
Dan
OK… so the option to uncheck embed is already available in the back end of BBpress at: settings/forum/auto-embed links.
So the plugin you linked to doesn’t really have anything to offer (other than stopping embeds in WP).
Another ham-fisted way around this bug it to use the css:
.bbp-reply-header a.bbp-reply-permalink {display:none}
(which by the way bbpress have done on these forums)
The downsides are:
1. no numbering reference on replies if someone want to quote or link to old reply.
2. In front end profile/replies no link on each reply to take user back to relevant thread.
What do you think is best: display or not display?
Are their any other options?
Look into this topic here for some help. Since you are just replacing the voices column you can do without some of the CSS and just put the views code in the voices column.
https://bbpress.org/forums/topic/create-new-column-for-topic-posts/
@scootsafe
Since you enabled threaded replies, which has an issue with some mobile responsive styles because how they are by default. Try this custom CSS, or disable threaded replies and see if your forums have a better layout, though I am not sure how the mycred badges will react.
#bbpress-forums div.bbp-reply-author a.bbp-author-name {
display: block !important;
}
Something like this might work. In the post views plugin you will need to edit how it displays so it does not show “views” at the end of the number. If you do not want to mess with anymore files, or change the template view, just use the function in this post I created in this kind of similar topic.
https://bbpress.org/forums/topic/new-feature-viewhit-counts/#post-161937
loop-topics.php snippet
<ul class="forum-titles">
<li class="bbp-topic-title"><?php _e( 'Topic', 'bbpress' ); ?></li>
<li class="bbp-topic-voice-count"><?php _e( 'Voices', 'bbpress' ); ?></li>
<li class="bbp-topic-views-count"><?php _e( 'Views', 'bbpress' ); ?></li>
<li class="bbp-topic-reply-count"><?php bbp_show_lead_topic() ? _e( 'Replies', 'bbpress' ) : _e( 'Posts', 'bbpress' ); ?></li>
<li class="bbp-topic-freshness"><?php _e( 'Freshness', 'bbpress' ); ?></li>
</ul>
loop-single-topic.php
<li class="bbp-topic-voice-count"><?php bbp_topic_voice_count(); ?></li>
<li class="bbp-topic-views-count"><?php if(function_exists('the_views')) { the_views(); } ?></li>
<li class="bbp-topic-reply-count"><?php bbp_show_lead_topic() ? bbp_topic_reply_count() : bbp_topic_post_count(); ?></li>
CSS
#bbpress-forums li.bbp-topic-views-count {
float: left;
width: 15%;
text-align: center;
}
#bbpress-forums li.bbp-topic-title {
float: left;
text-align: left;
width: 43%;
}
Also make sure to surround your code with the backticks from the code button in the toolbar.
These-> '' <-these
