1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

merging the two button rows in the rich text editor

Discussion in 'Styling and Customization Questions' started by Brax, Sep 11, 2012.

  1. Brax

    Brax Member

    Is there a way to merge the two rows of buttons in the RTE into one? I've removed a large number of them via CSS and they would easily fit (and look much better!) onto one row.

    Thanks!
     
    Shelley and Digital Doctor like this.
  2. Brax

    Brax Member

    Anyone?
     
  3. Jake Bunce

    Jake Bunce XenForo Moderator Staff Member

    Admin CP -> Appearance -> Templates -> EXTRA.css

    Add this:

    Code:
    .mceToolbar
    {
    	display: inline !important;
    }
    
     
    Brax and Shelley like this.
  4. Shelley

    Shelley Well-Known Member

    Awesome, dunno why i never thought of doing this before. (y)

    edit: Excellent work Jake, yet again.

    For those with fixed styles and want to do the same you may notice some icons being cut and not displaying. what I did to display the last icon was lower the width of the fontfamily/size dropdowns.

    Code:
    .mceToolbar
    {
       display: inline !important;
     
    }
        .xenForoSkin .mceListBox .mceText {
         width: 60px !important;
    }
    
    tinymce.png
     
    Jake Bunce likes this.
  5. Brax

    Brax Member

    Worked like a champ, Jake, thanks!
     
  6. Shelley

    Shelley Well-Known Member

    For those with fixed styles and are using this you'll notice in the conversation area the editor is broken. It's not a great solution but it's one I'm prepared to make myself by removing the sidebar within conversations.The only pitfall to this is the participants block if you happen to have more 3 or more people in conversations.

    Code:
    .conversation_view .sidebar {
        display: none;
    }
    .conversation_view .mainContent {
        margin-right: 0;
    }
    
     
    Jake Bunce likes this.
  7. Shelley

    Shelley Well-Known Member

    Another issue for those thinking of doing this. Starting to think having it on one line might not be a good idea.

    edit-overlay.png
     
    Jake Bunce likes this.
  8. Shelley

    Shelley Well-Known Member

    To fix this issue for anyone that done the initial edit paste the following in extra css template

    Code:
    .xenOverlay .InlineMessageEditor {
    width: 735px;
    }
    
    edit-overlay-fixed.png
     
    Jake Bunce likes this.

Share This Page