Search Results for 'forum css'
-
AuthorSearch Results
-
October 19, 2014 at 12:49 pm #153550
In reply to: Remove box around the author name
jessy
ParticipantRewrite your theme styles with this, paste this on very bottom on style.css or into <head> tag section and wrap t with <style text/css></style>:
#bbpress-forums p.bbp-topic-meta span { white-space: nowrap; background: none; border: none; }October 18, 2014 at 8:18 am #153495In reply to: Size font bbpress
Ricsca2
Participant@robin-w With the code you’ve written now the various parts of the forum is bigger.
The problem is that I can not change manualente all parts of the theme.
The theme for bbPress does not have a css because it goes to get the css of wordpress theme right?As ever with the theme HUEman this does not happen?
Very thanks
October 17, 2014 at 12:10 pm #153468In reply to: Size font bbpress
Robin W
ModeratorWithout a url or screenshot I can’t really help further – there are several places where bbpress has font sizes eg
#bbpress-forums ul.bbp-lead-topic, #bbpress-forums ul.bbp-topics, #bbpress-forums ul.bbp-forums, #bbpress-forums ul.bbp-replies, #bbpress-forums ul.bbp-search-results { font-size: 12px; } #bbpress-forums .bbp-forums-list li { font-size: 11px; } #bbpress-forums div.bbp-forum-title h3, #bbpress-forums div.bbp-topic-title h3, #bbpress-forums div.bbp-reply-title h3 { font-size: 16px; } #bbpress-forums .bbp-forum-info .bbp-forum-content, #bbpress-forums p.bbp-topic-meta { font-size: 11px; }and lots more
I can only suggest you try some of the above in your custom css BUT put ‘!important’ after the px part to ensure that it is not overwritten eg
#bbpress-forums ul.bbp-lead-topic, #bbpress-forums ul.bbp-topics, #bbpress-forums ul.bbp-forums, #bbpress-forums ul.bbp-replies, #bbpress-forums ul.bbp-search-results { font-size: 12px !important; }October 16, 2014 at 4:02 am #153393In reply to: Size font bbpress
ParticipantI have insert
#bbpress-forums .bbp-topic-content p, #bbpress-forums .bbp-reply-content p { font-size: 12px; }in bbpress.css but nothing has changed.
October 15, 2014 at 3:08 pm #153367In reply to: Disabling topic creation-box
cubeacid
ParticipantSo, I have managed to hide “post-form” by editing “bbpress.css”-file
Added line “display: none;”
#bbpress-forums fieldset.bbp-form {
display: none;
clear: left;But this hides “post-form” completely so I’m not able to, for example, reply any topics there are in forums. Anyone?
October 13, 2014 at 11:39 am #153284In reply to: Plugin Search Block Comments
NLBlackEagle
ParticipantI found the way to fix the gray out issue for most people. However this didnt worked for me.
In this folder:
/wp-content/plugins/bbpress/templates/default/css
Open up bbpress.css andfind #bbpress-forums .status-closed,I changed color: #ccc; to #000;
This should have fixed the gray out issue. However it did not worked =/
This is a paste of the bbpress.css file: I changed line 59
October 12, 2014 at 10:27 am #153246In reply to: Plugin Search Block Comments
ParticipantI found a topic on this issue, however I Didnt managed to fix it ( Im using Magicraft theme by the way )
I found the bbpress.css and added:
#bbpress-forums .bbp-body .status-closed,
#bbpress-forums .bbp-body .status-closed a {
color: #ccc;
}#bbpress-forums .bbp-body .bbp-topics-front ul.super-sticky,
#bbpress-forums .bbp-body .bbp-topics ul.super-sticky,
#bbpress-forums .bbp-body .bbp-topics ul.sticky,
#bbpress-forums .bbp-body .bbp-forum-content ul.sticky {
background-color: #ffffe0 !important;
}Anyway, even if the gray out issue was fixed, I still can’t see any content of the closed topic.
October 7, 2014 at 1:10 am #153038In reply to: layout of subcategories
Hector
Participanthi @giantqtipz, in
wp-content/plugins/bbpress/templates/default/css/bbpress.csssearch line 121:
#bbpress-forums .bbp-forums-list li {
display: inline ;
font-size: 11px;
}Changing the
display: inlinetodisplay: list-itemregards 😉
Icaroferreira
ParticipantI use UserPro plugin, and there is a CSS option, when I put this CSS, nothing happens =(
My site is still under construction, see link:
http://ajudaroproximo.com.br/foruns/topico/bem-vindos-ao-forum/How do I send an image attachment, and thus show you how I like to stay?
Robkk
Moderatortry this css code i forgot about min-width for a second.
im setting a minimum width of the picture to be at least 100px just like this forum has.
#bbpress-forums div.bbp-reply-author img.avatar { border: medium none; min-width:100px!important; max-width: 150px!important; padding: 0px; margin: 12px auto 0px; float: none; max-height: 150px!important; }ParticipantThis CSS below did not increase the width and height of the photo:
#bbpress-forums div.bbp-reply-author img.avatar {
border: medium none;
max-width: 150px;
padding: 0px;
margin: 12px auto 0px;
float: none;
max-height: 150px;
}This CSS increases the space between the photo and the post, but does not increase the size of the photo (does not increase the width and height of the photo):
#bbpress-forums div.bbp-forum-content,
#bbpress-forums div.bbp-reply-content,
#bbpress-forums div.bbp-topic-content {
margin-left: 150px;
padding: 12px 12px 12px 0;
text-align: left;
}So I wish I could increase the size of the width and height of the picture, and also the space between the picture and the post.
Moderatoryou dont need to bump your topic up.
and if you have more questions make a new topic.
i already gave you css on how to change the reply author avatar here
https://bbpress.org/forums/profile/robkk/the space between the avatar and the post can be increased by adding this and changing 130px to what your max-width of image is , as i said the max-width of the image at the site you led me to has a max-width of 150px so my css for the post would be something close to.
#bbpress-forums div.bbp-forum-content, #bbpress-forums div.bbp-reply-content, #bbpress-forums div.bbp-topic-content { margin-left: 150px; padding: 12px 12px 12px 0; text-align: left; }to rename roles you can use the code on this , download and upload as plugin or copy from add filter down and put it into your child themes functions.php
ParticipantIn my plugin UserPro, has a page of CSS, which changes the bbPress forum.
So what could I use CSS to change three items:
– The image (photo that appears when you make a post).
– Space between the photo and the message (because when I increased the width of the photo, the photo was leaning against the post).
– And also how do I over the photo, appears a name, example: “Moderator”, “Admin”, “Member” …?Help me please.
September 30, 2014 at 5:45 pm #152917In reply to: No register or login buttons?
Moderatori think you alread implemented the login and register buttons you were talking about.
i also recommend adding a border to the text input boxes of the register and login forms, because they seem invisible, and also for the submit buttons for each form.
you can just use simple css to fix that.
to edit the appearance of the forum you can copy bbpress.css into your child and edit that then changes you make will affect the look of your forum.
you can also copy the templates in wp-content>plugins>bbpress>templates>default>bbpress
i recommenced just copying the whole bbpress folder into your child theme.
there is more in the documentation about this.
looking through the rest of the bbpress documentation isnt a bad thing too.
September 29, 2014 at 11:20 am #152860In reply to: Make the forum pages full-width
Moderatori did not create a page for the forum archive using the shortcode.
but i did get full width on all the bbpress post type pages by creating a bbpress.php then using this css code.
.bbpress .main { background: none repeat-y right 0; padding-right: 0px!important; }Moderatoryou can first seperate the role , reply author name , and avatar.
i just put loop-single-reply.php into my child theme folder called bbpress
then i just remove this line in loop-single-reply.php
<?php bbp_reply_author_link( array( 'sep' => '<br />', 'show_role' => true ) ); ?>and replace it with these three lines of code.
this code also puts the role above the avatar.<?php bbp_reply_author_link( array('show_role' => true, 'type' => 'role' ) ); ?> <?php bbp_reply_author_link( array( 'show_role' => false, 'type' => avatar , 'size' => auto ) ); ?> <?php bbp_reply_author_link( array( 'show_role' => false,'type' => 'name' ) ); ?>and to have that sites kind of avatars you dont have a fixed width so the avatars size varies a little bit in height and width but it has a max width it never go bigger than.
to do that you would have to use this.
max-width and max-height are both 150px you can change that to whatever you want.
add this css whereever you can have custom css
bbpress.css in a child theme
child themes css
jetpacks custom css module
custom css plugin#bbpress-forums div.bbp-reply-author img.avatar { border: medium none; max-width: 150px; padding: 0px; margin: 12px auto 0px; float: none; max-height: 150px; }if you change your mind about having the varied avatar sizes
you can remove'size' => autoin the avatar code. which would leave the default 80px
or change'size' => autoto whatever number you want example'size' => 60September 26, 2014 at 3:02 am #152777In reply to: Full Width Forum Pages
Moderatorok, just looked and all the pages look fine now except the forum page – is that correct?
bbpress should use the bbpress template for all the pages, so you can’t really css the individuals (or not without tons of code).
How are you going to the initial forum ? is it method 1 or 2 from the following
and whichever try the other !
Once you are consistently wrong on all pages, you can make it consistently right !
September 25, 2014 at 5:18 pm #152762In reply to: Full Width Forum Pages
bertusschoeman
ParticipantHey Robin, thanks so much! The code you supplied me with alters the main forum page a bit (the page that we do not want to chage, but use as a model for the topic and discussion pages) and leaves the topic (http://secularsociety.co.za/forum/forum/sass-general) and discussion pages (http://secularsociety.co.za/forum/topic/sass-vision-statement/) aligned to the left. I have been playing around with your code as well as a bunch of other CSS, but I can not seem get the topic and discussion pages to look like the original main forum page :/ I think that we will need to address each page’s CSS instruction individually. Trying to change the CSS in one go seems to have different results on each of these pages. Any further assistance would be greatly appreciated.
September 25, 2014 at 3:39 pm #152759In reply to: menu issue on forum in private area
germars
Participantokay, that may have helped me. Can you help me by telling me where I can fix the css for the forum menus? They look terrible and aren’t really very obvious (at the bottom left of the page)
Thank you!
September 25, 2014 at 3:32 am #152737Topic: Showcase: engdex.de
in forum ShowcaseMr-B
ParticipantWe have a team who have been working over summer on a site for English speaking ex-pats living in Germany.
We have chosen a Templatic theme business directory, and have integrated bbPress as a forum. There are some bbPress formatting limitations because of the theme, and we have done our best with CSS to try and make the bbPress part responsive for a mobile. We prefer the newest first comments so make use of the excellent plugin “bbpress-sort-topic-replies”.
We went through a process of evaluating many different forums, including Muut, but in the end good ol’ SEO won the battle, bbPress having nice old-fashioned sitemap entries.
So here it is (feedback welcome)!
Engdex.deSeptember 23, 2014 at 6:51 pm #152709In reply to: Roles under username (.bbp-author-role)
Stephen Edgar
KeymasterSee the code I just posted here, add’s the CSS classes without template modifications 🙂
Also going to close this, rather than others bumping it in the future 😉
September 23, 2014 at 6:44 pm #152707In reply to: Which need I use?
KeymasterFor #3 the user topic and reply counts underneath their role in each topic/reply will be in the next release of bbPress.
And images based on forum roles can be achieved using the same code I just posted here by inserting the image using CSS
:beforeor:afterpseudo elements .September 23, 2014 at 10:04 am #152693In reply to: Topic background color depending on role
Moderatorwell you can check out this topic and maybe it will help
when schmoos code has
.user-id-1well thats the id of the usergo to user>all users search for all your sites keymasters.
then click edit by each users avatar
after that you are in the edit profile page for that particular user and in the url it says
user_id=(number)get all the user id numbers and then you can stack them using commas in a css code like this
.type-reply.user-id-1,.type-reply.user-id-2,.type-reply.user-id-3 { background: yellow; }September 23, 2014 at 8:42 am #152683In reply to: My Forum Layout (in progress)
ModeratorI understand that man, I would rather have this as a plugin or just a template for my forums opposed to a theme, as I do not want to change a theme.
well if i make a child theme you can just take whatever code is in the templates and the bbpress.css file i have.
I know this info about quicksprout because I am an active member of a community and it has been mentioned by the owner (i think there is even a sticky post about forum cost since many people ask this over and over).
J just saw the topic , it even says he plans to spend 20,000 when its all set and done. When I really looked at it I can see there is some modified plugins like bbpress direct quotes and new ones like how it has reputation under each user, but c’mon 20,000!!!
What I do not like about their theme is that you have to click on the subforms in order to see if there is a latest post already there.
well i like to keep some freshness stats when the forum is mobile. And how i have it right now is the latest post time goes to the latest topic in that forum.
September 21, 2014 at 2:27 pm #152624In reply to: My Forum Layout (in progress)
Moderatormobile look is bad in nearly all themes or they just hide things
well yeah but bbpress support fixed the way replies look a while ago by floating the name and role to the right of the avatar.
I think the only problems now is just the way topic/forum stats and freshness display.
And also if you have breadcrumbs , subscriptions , topic descriptions ,and topic tags they become a mess at the top.
thing is though the easiest way to fix some of these things is to hide them with css.
other ways might be to use a mobile theme, or maybe jquery.
The best mobile version of a bbpress website ive seen is probably quicksprouts forum
http://www.quicksprout.com/forum/
the big part i like is that the permalink to a forum and topic has a huge tap target which is great for mobile users.
Im trying to figure that out but its going to take awhile, but yeah easiest way to get it is to probably have a mobile theme.
i am also trying to implement the way some mobile websites display forums , and also the way mobile apps display forums, example : reddit is fun app on android, or tapatalk.
and this site here also need a mobile version
it does , i saw they made a ticket in the trac to make the site responsive , so im sure its gonna happen in the future.
-
AuthorSearch Results
