Hi,
After a considerable number of problems with an old host that required a complete build of my database I have reached the point where I am trying to make things look good on the site.
I am using the Quest theme and as you can hopefully see here the editor box for the forum comments/replies is only 400px in width though the container is 100%. Is there anywhere I can edit this to resize so it is full width? I am looking through all the CSS and it appears that it’s fine on mobile, but on a full-size laptop screen it’s nowhere near as user-friendly as the screen here.
I am using the following:
Theme: Quest
WP: 4.3.1
BBPress: most recent (only installed today)
Buddypress: as above
WP Supercache: as above
Mailchimp by Mailmunch: as above
Antispam by Cleantalk: as above
Any help in figuring out how to edit this would be greatly appreciated.
Do not edit the bbPress plugin or modify any core files!!
Try this custom CSS and just place it in your child themes css file or in a custom css plugin.
#bbpress-forums fieldset.bbp-form textarea {
border: 1px solid #ccc !important;
}
See if this custom CSS will help. Add it to your child themes style.css file or in a custom css plugin or wherever you can place custom CSS.
#bbpress-forums fieldset.bbp-form textarea {
border: 1px solid #ccc;
}
Robkk:
I think with your help I am making real progress. Here is what I have done so far.
1. I put the bbpress.php file you created into the bbpress directory in my child theme.
2. I removed the Apple Tech Talk Forums from the Forums list
3. I removed the Forums menu item created by bbPress and created a menu item as a Custom link.
4. Maybe I said it wrong but I agree that Hardware, Software, etc. should be categories and OS X, iOS be the forums. I think I had a problem setting them up originally. In any case, I deleted those top levels and created new categories and moved the forum topics into the new categories.
Based on all of that, I think this looks much cleaner and the slugs seem to be what was originally described but you may want to take a look and let me know if I need to do more.
The full width forums look nice but it does remove the ability to register and/or log in to the forums and also removes some of the display ads. (I am using a plug-in to change the look a little bit as the css I originally used to make the forums show vertically isn’t working anymore. Would yu be able to tell me what line(s) in the file I would change if I want to go back to a right side bar like the rest of the pages?
That said, with the forums being full width, what is your suggestion to provide a way to log in or register for the forums while on those pages?
I do have a plug-in called “Bbpress Login Register Links On Forum Topic Page”, which does as it says but it now causes everything to be duplicated across the top as you will see if you look at the page. (this is new behavior). Do you have a suggestion for how to deal with this?
Last question (I think), you said the bbpress.php you wrote corrects a problem with this theme. If I ever want to change themes will I still be able to use this file? I suppose I can see if a new theme has issues. If not, I guess I am OK. If I do, can I use this file as is or does it need to be modified for each theme?
Thank you again for all of your help. You have made the forums look 100 times better and the Oh Bother box is no longer, well, a bother. I appreciate your help.
@davidschwartzer
I will try to test out your theme (Simplecatch) to see if it is causing any issues, then come back to you with any solutions.
You can reactivate bbPress New UI plugin and use the CSS you had again as of course those plugins were not causing an issue.
Perhaps I added a page or category in a way I wasn’t supposed to. I tried to follow the step by step guide on the bbPress site but clearly I did something wrong.
This may be why your forum root page /forums is blank for some reason, but I will check it out.
Robkk:
Thanks for your note. Let me respond to some of your questions with what I know (which isn’t much).
I created the forum by trying to follow the steps in the Step by Step guide provided on the bbPress site. I have not done any editing of the template other than adding some css to make the topics flow in a list, rather than horizontally as is the default layout and also to change the comment text to black instead of gray. I am also using a couple of plug-ins. One is called bbPress New UI which changes the basic layout but doesn’t seem to otherwise change the forum plug-in. The other is called Bbpress Login Register Links On Forum Topic Pages, which does what the title says.
I am not using a child theme currently but I have deactivated all of the plug-ins so what you should now see is the default bbPress forum that is created.
I hope this is helpful. Let me know if you need anything else from me to help figure this out.
I am new to WordPress and bbPress and clearly have a lot to learn. I appreciate your assistance with all of this.
Regards,
David
Hello,
I used underscores with bbpress. i just apple some CSS and HTML not adding any special function. And when i visit my forum. I only see the forum’s name topis number post number. But it dont have any HTML warped. Please give me a solution me.
thankg for helping me.
The forum search should show up on the forum archive page that is usually yoursite.com/forums by default and I do see it there on your site.
The input box for the math captcha could just be a CSS issue. Unless you have anonymous posting activated in bbPress, you may need to send me account details for a Subscriber/Participant test user account as I may need to be logged in to your site to be able to even see the captcha.
Also not sure why you are using bbPress with some other forum software plugin, you could possibly get issues by having them both activated together. If you are just importing from one to the other your simplepress data should stay in your database and you just import all of that.
You should try some troubleshooting to see if some of the issues could be theme related. Make sure to check in a theme like Twenty Twelve, and also check to see if Simplepress could be causing an issue if you have it activated with bbPress.
Troubleshooting
I have gone through the prior threads on this issue and I still can’t change the text in the Oh Bother box.
My site is appletechtalk.com. If you click on the Forums taband look at the bottom of the page, you will see the Oh Bother! text.
I have modified the feedback-no-forums.php file so that the text line reads “Please select a topic”. I thought that would be easier than trying to remove the box completely (which is what I would rather do).
I placed the file into my child theme. First I put it in the root of the bbpress directory and that did not help. I also recreated the directory structure in my child theme:
bbpress/templates/default
and that didn’t help either.
I am new to WordPress and bbPress as well as css and php files so I have a bit of a learning curve but I’m wondering if you have any thoughts on why this isn’t working.
Thanks,
David
Stephen:
I have gone through this topic thread and I still can’t change the text in the Oh Bother box.
My site is appletechtalk.com. If you click on the Forums taband look at the bottom of the page, you will see the Oh Bother! text.
I have modified the feedback-no-forums.php file so that the text line reads “Please select a topic”. I thought that would be easier than trying to remove the box completely (which is what I would rather do).
I placed the file into my child theme. First I put it in the root of the bbpress directory and that did not help. I also recreated the directory structure in my child theme:
bbpress/templates/default
and that didn’t help either.
I am new to WordPress and bbPress as well as css and php files so I have a bit of a learning curve but I’m wondering if you have any thoughts on why this isn’t working.
Thanks,
David
@robkk
Thank you so much. I finally got the wp-login forms working. I even managed to style them by enqueuing the login style sheet. Here I have a question – I used the following:
function my_login_stylesheet() {
wp_enqueue_style( 'custom-login', get_template_directory_uri() . '/style-login.css' );
wp_enqueue_script( 'custom-login', get_template_directory_uri() . '/style-login.js' );
}
add_action( 'login_enqueue_scripts', 'my_login_stylesheet' );
This is fine, but the style sheet is loaded in my theme directory (responsive). I tried to load it into my child theme (responsive-child-theme) but it doesn’t work. Is the maian theme directory the correct location? What happens if the theme is updated?
All this is new to me as I never set up a forum before, just websites. I am concerned about security. I am going to install Akismet. Should I also do something about honeypot registration? If so, what would you recommend? Would you also recommend reCaptcha? If so, what would be the best way to implement it?
Many thanks.
Here try some of this custom CSS, put it in your child theme or in a custom css plugin.
This is for the submit button
#bbpress-forums #bbp-search-form input[type=submit],
#bbpress-forums #bbp-search-form input[type=submit] {
text-indent: 0;
background: none;
background-color: #3F51B5;
color: #fff;
width: auto;
height: auto;
border-radius: 0;
margin-top: 0;
}
This is for the search input.
#bbpress-forums #bbp-search-form input[type=text],
#bbpress-forums #bbp-search-form input[type=text] {
border: 1px solid #3F51B5;
}
@robkk, further to my previous reply: perhaps I could hide the link on the main menu with CSS if we can’t get it to work.
I was also wondering if the code could include a line to redirect the user to the forum page after login? Could the code also include links for Register and Lost Password?
You can use this CSS.
#bbpress-forums .bbp-forums-list {
display: none;
}
on the forum slug:
http://discoversee.com/seeforums/
I would like to remove the links to the subforums – only showing the forums.
is there a code, CSS or function code I can use to remove these? Or the links to them?
This is the CSS causing the issue. You are stretching a 14px image to 40px, that is why it is so blurry.
#bbpress-forums p.bbp-topic-meta img.avatar,
#bbpress-forums ul.bbp-reply-revision-log img.avatar,
#bbpress-forums ul.bbp-topic-revision-log img.avatar,
#bbpress-forums div.bbp-template-notice img.avatar,
#bbpress-forums .widget_display_topics img.avatar,
#bbpress-forums .widget_display_replies img.avatar {
border: none;
width: 40px;
}
See if the PHP code snippet in this topic can help you resize the 14px avatars better.
Resizing Avatars
Hello to all!
Could someone explain me why the images of the users are so pixelated in my BBpress forum?
fatERASETHISfitfunDOTcom/forums/foro/presentaciones/
The ramdon images are pixelated but the uploaded images not. Strange eh?
Thanks in advance!
Hi All,
I am currently working on a private site which uses WordPress + Buddypress + bbPress.
The forum posts do not have the line spacing the way I want it.. Basically it doesnt put a nice line break in between the paragraphs.
I have used the search feature on here and google, and have tried the following:
.post p {
line-height: 1.5em;
padding-bottom: 15px;
}
AND
.bbp-reply-content p {
margin-bottom:10px;
}
I think there were a couple of other things I tried, but to no avail.
I am using the TinyMCE visual editor plugin, however, I have disabled this and the issue still exists.
I’d like to think I can navigate the CSS reasonably well using firebug, but in this case, I just can’t find where the issue is.
Am hoping someone can take a look (i’ll supply login/pass for those willing) to see where I’m going wrong?
Note: I am using my own custom theme designed in Template Toaster. I have a bbpress.css file in my theme folder under <theme>\css
Do you want full width forums and just the sidebar placed under the forums??
If you do remove this part of the CSS code.
.bbpress .sidebar {
width: 0;
display: none;
}
i can tell you are also using a full width template from your theme, and of course that will hide the sidebar.
Place the CSS code I gave you your child themes stylesheet or in a separate custom css plugin.
Hi Rob, it is my theme’s style sheet with changed colour code and it’s not styling.
The /forums page looks fine now, now it is only the single forums pages. Clear any cache to see if that could fix anything.
The index was fine – I assume because I filled in description and it’s filled out. Specific board indexes don’t fill to 100% nor do thread pages without much written in the posts.
Place the CSS code I gave you your child themes stylesheet or in a separate custom css plugin.
The /forums page looks fine now, now it is only the single forums pages. Clear any cache to see if that could fix anything.
Try to see that you are placing widgets in the right sidebar for it to show on the bbPress pages.
IF you want full-width forums.
Try this custom CSS to see if it fixes the empty space and makes your forums actually full width. Place the custom css in your child themes style.css file or in a custom css plugin.
.bbpress .sidebar {
width: 0;
display: none;
}
.bbpress .postcontent {
width: 100%;
}
Actually, I can see that this bbPress support forum created a submenu showing the login, register and lost passwords links at the top of the index page. So I take it that this was done with the help of CSS.
Hi guys. I’m after some help for a website I’m currently working on. The board in particular is this – http://www.battle-bridge.co.uk/forums/ I used a plugin called bbp style pack to save me having to go through the CSS to make changes. However, there’s still some changes I was unable to make with this plugin and the author has referred me onto here.
If you see the index of the board the over all borders are the colour I set via the plugin which is #11678C. But some of the borders still remain white and the plugin author has advised me he can’t do. Where in the CSS is this to change? I can’t find it.
Second question is setting forum width. The index and any page with substance content on fill the containers. However, any pages without much such as this http://www.battle-bridge.co.uk/forums/forum/general-discussion/ don’t fill the container. I’d like to set the width to be 100% but I also can’t see that in the CSS.
I’d appreciate being pointed to the right bit. Thank you kindly 🙂
The custom profile fields, what exactly do they do? I get that I can now add my Twitter handle from profile settings, but it’s not displayed anywhere on the site.
Yeah you have to manually place the any extra fields you want on the frontend of the user profile and and place the code in the template user-profile.php, that should be in your child theme for easy customization.
in user-profile.php you will already see an example of the user’s description field being displayed, and you would need to do some of the same procedure.
<?php if ( bbp_get_displayed_user_field( 'twitter' ) ) : ?>
<p class="bbp-user-twitter">
<a href="<?php bbp_displayed_user_field( 'twitter' ); ?>" title="<?php bbp_displayed_user_field( 'display_name' ); ?>'s Twitter" rel="nofollow">
<?php bbp_displayed_user_field( 'twitter' ); ?>
</a>
</p>
<?php endif; ?>
I will probably put an example for user’s to place the links on their profile templates later on that guide.
I would love for it to be displayed beneath my avatar and username phpBB-style in topics, or at least on my visible forum profile.
Yep, there is a way to that too. I can’t remember much but I think it just involves a hook to place the data. There is a plugin Robin made that can basically do that. There is also a different plugin for displaying BuddyPress profile fields. You can dig around the plugins code if you want to see how he did it.
https://wordpress.org/plugins/bbp-profile-information/
This doable? Obviously I can’t use the_author_meta() in bbpress, so…
I think it is possible to just use the WordPress code with bbPress. bbPress is just a plugin of WordPress now.
Also, instead of adding labels to certain topics. Can I add classes so I can do changes in CSS?
Yeah you do not have to leave the [status] and just leave the classes there so you can style with just CSS.
