Skip to:
Content
Pages
Categories
Search
Top
Bottom

less distance – left margin between threaded replies


  • dealtek
    Participant

    @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?

Viewing 7 replies - 1 through 7 (of 7 total)

  • peter-hamilton
    Participant

    @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
    Participant

    @dealtek

    Thanks Peter – I will check

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


    dealtek
    Participant

    @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
    Participant

    @dealtek

    ok I found css in

    templates/default/css/bbpress.css


    Robkk
    Moderator

    @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
    Participant

    @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
    Moderator

    @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

Viewing 7 replies - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.
Skip to toolbar