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!
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
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?
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
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)
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!
@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
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;
}
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
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.
put the following in your style.css
#bbpress-forums .button {
background-color: blue;
color: red;
}
Functions files and child themes – explained !
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
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!
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!
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
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 !
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;
}
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
<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?
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/
???
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.
So I’m having a problem with BBpress recently on my website http://www.sg-carterpack.com at my webhost (Site5) works with resource points and with using BBpress the resource usage has been increasing by the day.
If this plugin is disabled a daily resource usage is between 100 – 200 resource points, however when I enable BBpress it suddenly rises to 600 to 800 and even +900 resource points in a single day.
This of course makes the web hosts disable my website when it crosses the limit of 450 resource points per day.
I’ve already completely remove my wordpress installation, theme, and all plugins to then completely re-install everything from scratch as before I also had problems with BBpress not showing after updating to wordpress 4.0.
With that I before didn’t know it was caused by the BBpress I was already trying to optimise with using W3 Total Cache and Cloudflare to try to reduce it, yet this wasn’t the case. The website in general did became faster however the resource usage stayed the same.
So currently the forum is installed on new installation yet the forum is still hogging up resources so my question here is:
Is there a way to optimise this or a way to export the boards/forums to use in another forum application/plugin?
My current plugins that are active:
– AdSense Click-Fraud Monitoring Plugin
– BAW Login/Logout menu
– bbPress
– BulletProof Security
– CloudFlare
– W3 Total Cache
– WP User Avatar
For the rest it is using a slightly CSS edited version of the FLAT theme but besides that nothing else has been edited to wordpress itself.
Thanks in advance for any information in advance.
Ps: For more of a month I’m trying to post in this forum but after each thread I make it does not appear.
Hi Robin – I really do appreciate you time and effort, sometimes it is difficult as you want a site to work perfectly and sometimes there is no response so you tend to panic… i apologise for sounding irritated – it was panic as we go live in a few days
in my css i added
.bbp-author-avatar {display: none;}
and worked great, but now i need to remove the link on a users name as i dont want any profiles, this is a simple forum and the users already have a seperate profile page on the site and it would just complicate.. the workaround that i tried to apply (in previous post) mucks up everything, so i just need to know where to go to disable, i have a duplicated bbpress to my child theme so all my changes go there – so i need to know which file contains the info to disable or if the user links have a distinctive class that i can disable
thank you in advance
Melanie
@stagger-lee
I this sentence i said you can do much with only CSS and styling. To “sell” bbPress to WP beginners.
WordPress has its own “demo” websites, all those nice and fancy themes around web. BbPress has it not.
this is the featured sites section on here bbpress.org/about/examples/
and maybe this site should show any heavily designed WordPress themes integrated with bbPress in the themes section of this site?? the section isn’t really being used anymore ,but it could be a cool place to show off cool themes. i think that would have to wait for the bbpress theme tag though??
There is a reason why WP holds so much of web, and bbPress is not in this league.
well ones a cms/blogging software and the other is a forum software.
alot of people would want to create a blog over a forum , a forum requires alot more responsibility to take of and handle.
@robin-w
I’m working on one now that adds some styling changes (the common ones asked for)
if you need anybody to test it out you can email me it if you want to.
Contact
Shortcodes Ultimate API overview
I would like to implement this for all those boring long quotes, and quote inside quote, inside quote, etc…
It would make reading forum topics much more pleasant.
One click and long quote opens at whole. There is scroll if you dont want to click.
I managed this easy with CSS3 and transitions, but there is very nasty problem on mouse out and page jumping, confusing to know where on page you are after this.
