Editor icons on three rows (instead of one)

C Topic Author

crimle Offline

Junior Member

Editor icons on three rows (instead of one)

4 years 8 months ago

#16101

Hi

The editor icons are aligned on three rows, although there was enough space to have them all in one row. This makes the text field unnecessarily small. See attached screenshot.

Attachment not found

Thank you and kind regards
Chris

Please Log in or Create an account to join the conversation.

ntstore Offline

Administrator

Re: Editor icons on three rows (instead of one)

4 years 8 months ago

#16107

Hi crimle,
Please add the attachment image again.

Hung Pham
Email: 9themestore@gmail.com
Twitter: @9themestore

Please Log in or Create an account to join the conversation.

C Topic Author

crimle Offline

Junior Member

Re: Editor icons on three rows (instead of one)

4 years 8 months ago

#16108

Here is the screenshot of my Kunena editor.
As you can see, there are 3 rows of icons. But there would be enogh space to arrange all icons in one row.

Attachment not found

Please Log in or Create an account to join the conversation.

C Topic Author

crimle Offline

Junior Member

Re: Editor icons on three rows (instead of one)

4 years 8 months ago

#16109

It seems to be impossible to insert an image. The preview displayes the image all right, but after submitting the topic the image has gone and we see
You do not have permissions to access this page.

Please Log in or Create an account to join the conversation.

ntstore Offline

Administrator

Re: Editor icons on three rows (instead of one)

4 years 8 months ago - 4 years 8 months ago

#16112

Hi,
Please send the error image to our email, We will try to check and improve layout for the editor.

Update: Please follow some below steps to solve this issue.

- Step 1: Create a style file with named nts_kpop_custom.css
- Step 2: Copy and paste below CSS rules to that file.

Code:

#kunena.layout .cke_toolbar_break { display: none; }

- Step 3: Copy / Upload the nts_kpop_custom.css file to the css folder of the active joomla template. Clear cache of your website before reload the forum.

Please let us know if it does not work on your site.

Best regards,

Hung Pham
Email: 9themestore@gmail.com
Twitter: @9themestore

Last edit: 4 years 8 months ago by ntstore.

Please Log in or Create an account to join the conversation.

C Topic Author

crimle Offline

Junior Member

Re: Editor icons on three rows (instead of one)

4 years 8 months ago - 4 years 8 months ago

#16145

Oh yes, adding the rule

Code:

#kunena.layout .cke_toolbar_break { display: none; }

to the template's custom.css did resolve the issue.
Unfortunately NOT for mobile screens.
I have 6 rows of icons on my mobile phone, although I disabled a lot of them.

Thank you and kind regards
Chris

Last edit: 4 years 8 months ago by crimle.

Please Log in or Create an account to join the conversation.

ntstore Offline

Administrator

Re: Editor icons on three rows (instead of one)

4 years 8 months ago

#16151

Hi,

I think some functions should be hidden when viewing on the mobile device. We will help you with that if you want.

Best regards,

Hung Pham
Email: 9themestore@gmail.com
Twitter: @9themestore

Please Log in or Create an account to join the conversation.

C Topic Author

crimle Offline

Junior Member

Re: Editor icons on three rows (instead of one)

4 years 8 months ago - 4 years 8 months ago

#16154

Well, yes please. I would appreciate any hints for making the editor more comfortable on mobile screens.
I already disabled many icons

so I still have 4 remaining rows of icons, which is more than necessary.
It seems that some of these useless icons can not be disabled:

Kind regards
Chris

Attachments:

Last edit: 4 years 8 months ago by crimle.

Please Log in or Create an account to join the conversation.

ntstore Offline

Administrator

Re: Editor icons on three rows (instead of one)

4 years 7 months ago

#16161

Hi,

Update below CSS code to hide some buttons on mobile.

Code:

/* Improve style for social link button */
#kunena.layout .jssocials-share-link {
  border-radius: 5px;
  color: #fff;
}

/* Hide some buttons on mobile */
@media (max-width: 640px) {
  #kunena.layout .cke_editor_message {
    margin: -5px -10px 0 -10px;
  }

  #kunena.layout .cke_button__copyformatting {
    display: none;
  }

  #kunena.layout #cke_19 {
    display: none;
  }

  #kunena.layout .cke_editor_message .cke_top a.cke_button__bidirtl,
  #kunena.layout .cke_editor_message .cke_top a.cke_button__bidiltr {
    display: none;
  }
}

Clear website cache before reload the forum.

Best regards,

Hung Pham
Email: 9themestore@gmail.com
Twitter: @9themestore

Please Log in or Create an account to join the conversation.

Offcanvas

Editor icons on three rows (instead of one)

Editor icons on three rows (instead of one)

Attachment not found

Re: Editor icons on three rows (instead of one)

Re: Editor icons on three rows (instead of one)

Attachment not found

Re: Editor icons on three rows (instead of one)

Re: Editor icons on three rows (instead of one)

Re: Editor icons on three rows (instead of one)

Re: Editor icons on three rows (instead of one)

Re: Editor icons on three rows (instead of one)

Attachments:

Re: Editor icons on three rows (instead of one)

WaveTheme

Products

Help!

Elsewhere