Notifications
Clear all

Style [Closed] Editor icons in the mobile version

7 Posts
2 Users
1 Reactions
635 Views
Posts: 40
Topic starter
(@dmitriyt)
Trusted Member
Joined: 2 years ago

In the mobile version, icons are not moved down. I checked the wpforo site, icons are transferred on it. Tell me the css code?

6 Replies
BlackRaz
Posts: 404
Admin
(@blackraz)
Contributor
Joined: 8 years ago

Hi @dmitriyt,
I understand that you have a problem with the TinyMCE custom plugin used to extend the text formatting functionality on your website.

To address the issue with the custom TinyMCE plugin and apply CSS styles, I recommend the following steps:

  1. Disable the custom TinyMCE plugin: If you suspect that the problem is related to the plugin, you can try disabling it temporarily to see if that resolves the issue. This can typically be done through the WordPress plugin management interface.

  2. Contact the plugin developer: Reach out to the developer of the custom TinyMCE plugin directly for support. They will have the best understanding of the plugin's functionality and may be able to assist you with troubleshooting or provide a solution for the issue you are facing.

  3. Seek assistance from a developer: If necessary, consider hiring a developer who is familiar with TinyMCE and CSS customization. They can analyze the problem and provide tailored solutions or CSS styles to achieve the desired functionality.

 

5 Replies
(@dmitriyt)
Joined: 2 years ago

Trusted Member
Posts: 40

@blackraz Hi. The fact is that I did not install this plugin.
Wpforo itself uses TinyMCE. I just added some functions via a snippet. If you disable it, the standard icons will remain. And they are also not portable in the mobile version.

BlackRaz
Admin
(@blackraz)
Joined: 8 years ago

Contributor
Posts: 404

@dmitriyt 
Could you please provide the website URL so that our developers can assist in debugging the CSS issue you're experiencing?

(@dmitriyt)
Joined: 2 years ago

Trusted Member
Posts: 40

@blackraz I opened the creation of posts for guests. Here is the website.
Only you need to watch it from a real mobile device, and not in developer mode.

BlackRaz
Admin
(@blackraz)
Joined: 8 years ago

Contributor
Posts: 404

@dmitriyt 
Please try this css code

#wpforo #wpforo-wrap .wpf-topic-create .mce-container-body .mce-container .mce-container-body .mce-container > div{
     white-space: pre-wrap !important;
}
(@dmitriyt)
Joined: 2 years ago

Trusted Member
Posts: 40

@blackraz thanks for helping, I think the problem was in the setting ( !important;)