Cannot get fonts and colors to add to toolbar

Hi 

I am trying to get my ckeditor to look like the image marked number 1 below. So far, I have managed to get it look like it does in number 2.There are still some elements missing that I just can not get to work no matter what I try. 

• I can't get the font and font size buttons to display. 
• I can't get the color and background color buttons to display
• I can't get rid of that bottom part of the window as seen in number 2.

I have tried installing the font plugin and messing around with it to get it to work, but no luck. 

This is what my code looks like so far, with the font and color parts that I have tried commented out. 

CKEDITOR.editorConfig = function( config ) {
    
    config.toolbar = [
        { name: 'basicstyles', items: [ 'Bold', 'Italic' ] },
        { name: 'paragraph', items: [ 'NumberedList', 'BulletedList', '-', 'Outdent', 'Indent' ] },
        { name: 'links', items: [ 'Link', 'Unlink' ] },
        { name: 'insert', items: [ 'HorizontalRule' ] },
        //{ name: 'styles', items: [ 'Font', 'FontSize' ] },
        //{ name: 'font', items: [ 'Font', 'FontSize' ] },
        //{ name: 'colors', items: [ 'TextColor','BGColor' ] },
    ];
};

Please could someone tell me where I am going wrong here. I have spent hours trying to figure out these last few issues. 

Thanks so much.