[dealtek]

new to WP and BBPRESS (latest versions)

I like threaded replys a few levels deep

When viewed on mobile the user image and left margin on reply distance pushes the text way to the right – offscreen after just a few threads

1 – can I have less less distance (left to right) between threaded replies?
2 – can I remove the user image to get more space for text?

[peter-hamilton]

Hui

I dont use threaded comments so can not check the exact code, but should be easy with css.

Check out @media queries for your stylesheet, then you could add styles to remove comment/reply avatars and change the margins.

Perhaps another member has better details for you.

[dealtek]

Thanks Peter – I will check

If anyone wants to add more info for this newbie – that could help

[dealtek]

ok basic newbie question….. where do i look for this?

– in WP I can go PLUGINS> bbpress> edit – on the right are some php files – but not sure where to look for the CSS stylesheet for bbpress?

– in Appearance> edit css – I do not see any bbpress stuff?

I have access to the ftp directory for the plugin – do I need to go there?

[dealtek]

ok I found css in

templates/default/css/bbpress.css

[Robkk]

@dealtek

dont edit the core files or you will lose them the next time you update bbPress.

please follow this guide instead

https://codex.bbpress.org/theme-compatibility/

and please create a child theme as the guide says to , because it will make customizing bbPress alot easier. you can edit all the bbPress templates that you have copied to your child theme safely if you go to appearance>editor and choose your child theme and find the bbPress templates/css, you can also use FTP and a advanced text editor like notepad++ to edit files on your cpu.

here is more information on child themes

Functions files and child themes – explained !

the left margin CSS for bbPress threaded replies is

#bbpress-forums ul.bbp-threaded-replies {
	        margin-left: 50px;
	}

to make it smaller for a small device use something like this.

put it anywhere you can put custom CSS

or if you copied the CSS file into a folder called bbpress into your child theme , you can add it below

/*--------------------------------------------------------------
	 Media Queries
	--------------------------------------------------------------*/
	
	/* =Standard Mobile Landscape
	-------------------------------------------------------------- */
	@media only screen and (max-width: 480px) {

@media only screen and (max-width: 480px) {
#bbpress-forums ul.bbp-threaded-replies {
	        margin-left: 20px;
	}
}

you can remove the reply author image too if you want

@media only screen and (max-width: 480px) {
#bbpress-forums div.bbp-reply-author a.bbp-author-avatar,
#bbpress-forums div.bbp-topic-author a.bbp-author-avatar {
	        display: none;
	}
}

[peter-hamilton]

@Robkk, the man with the details.

btw. I see many people work on files through the editor in WordPress, but this only allows edits of existing files, and only core files.
I think there is a need for a small tutorial on editors, root folders and ftp access for starters, I remember being very intimidated by my root folders at first.

[Robkk]

@peter-hamilton

I think there is a need for a small tutorial on editors, root folders and ftp access for starters, I remember being very intimidated by my root folders at first.

there are so many editors that you can use , basic editing are very close to normal text editors so it shouldnt be a problem.

Root folders WordPress explains here …kind of. going behidn that should be host files that you should never touch unless you are very advanced, and know what you are doing.

codex.wordpress.org/Determining_Plugin_and_Content_Directories

Explaining FTP , idk there are usually tutorials on using FTP on the host providers website, and also searching in google how to set it up and learning is not that hard to do.

https://codex.wordpress.org/FTP_Clients
https://codex.wordpress.org/Using_FileZilla