BuddyDev

Search

[Resolved] BuddyBlog Pro : How to change Editor’s basic font and size.

Tagged: 

  • Participant
    Level: Initiated
    Posts: 3
    fredrick kim on #47502

    Hi,

    In BuddyBlog, how to change Editor’s basic font and size?

    Can you help me?

  • Keymaster
    (BuddyDev Team)
    Posts: 24623
    Brajesh Singh on #47505

    Hi Fredrick,
    We are using tinymce and it will need some custom code.

    1. Please create a file bbl-editor in your child theme/theme and put some css code there like the following

    
    body {
        font-size: 30px;
        color: green;
    }
    
    

    2. In your theme/child theme’s functions.php

    
    // Add Tinymce css customization on front end.
    add_filter( 'mce_css', function ( $css ) {
    	if ( is_admin() ) {
    		return $css;
    	}
    	$css .= ',' . get_stylesheet_directory_uri() . '/bbl-editor.css';
    
    	return $css;
    } );
    
    

    That will allow you to customize as you need.

    PS:- This will have effect on all of the tinymce instances on front end(in case you are using other plugins). If you only want to limit to buddyblog pro, Please let me know where the form is on a page or on profile and I will update it.

    Regards
    Brajesh

  • Participant
    Level: Initiated
    Posts: 3
    fredrick kim on #47518

    Great! Thank you very much!

  • Keymaster
    (BuddyDev Team)
    Posts: 24623
    Brajesh Singh on #47538

    You are welcome.

The topic ‘ [Resolved] BuddyBlog Pro : How to change Editor’s basic font and size.’ is closed to new replies.

This topic is: resolved