-
Posts
-
Using the default editor, I insert an image with the “Add Media” button. When I click on that image a toolbar appears with a few buttons to align the image or edit or delete the image. In other themes, that toolbar is usually a small bar holding 6 buttons centered right over the image. But in your theme, that toolbar stretches all the way across the browser window, with its 6 buttons way over on the left side, on top of the admin sidebar. This happens with all plugins deactivated. (I’ve tried rebooting, using other browsers, different images, posts or pages — this always happens.)
(Also, when scrolling the window up, if the Visual tab is open, the Visual toolbar extends all the way to the right for a little time during the scrolling. This is not as big a problem, but it seems like a similar thing happening, so it might help you find the problem.)
Hey InSightGraphics!
Can you please make sure that you are using the latest version of Enfold which is currently 3.1.5 – http://kriesi.at/documentation/enfold/updating-your-theme-files/
If that does not help, please create a temporary admin login and post it here privately so we can look into it.Cheers!
YigitHi!
I was able to reproduce the issue. IMO, it isn’t a big deal. The options are still usable. If it really bugs you, it’s possible to manually edit the width and height attribute or the alignment of the image in the text or html mode:
<a href="http://yoursite.com"><img class="alignnone wp-image-363" src="http://yoursite.com/sampleimagehere.jpg" alt="alt" width="264" height="397" /></a><ul>Cheers!
IsmaelThanks for checking into this, Ismael.
My client is the one adding content now, and they do not want to edit the HTML directly, they want to use buttons in the dashboard (that’s a main feature of Enfold, right?).
Anyway, I’m mainly concerned that this might be a small symptom of a bigger issue that could cause other problems for my client when they are trying to add content to their site.
Sure, my client can still use these controls, even though it’s a non-standard UI, and it’s hard to find the buttons, and it’s a strange behavior (which I am not proud of); but if this means other things are going to break while my client is trying to use their site, then it really needs to get fixed.
Maybe you could show it to Kriesi so he could decide if this is something he wants to fix in a future update?
Hi!
It’s just a little bug in the editor styling. Nothing to worry about. Maybe, this will help:
add_action( 'admin_head', 'ava_custom_admin_style' ); function ava_custom_admin_style() { echo '<style type="text/css">.mce-arrow-left { width: 500px !important; min-width: 0 !important; }</style>'; }Best regards,
IsmaelThanks, Ismael. That didn’t work, but this does work — just targeting a different class, and using only the min-width, not the width:
add_action( 'admin_head', 'ava_custom_admin_style' ); function ava_custom_admin_style() { echo '<style type="text/css">.mce-inline-toolbar-grp { min-width: 0 !important; }</style>'; }The bug is here:
/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/assets/css/avia-builder.css?ver=4.2.2
Line 78:
div.mce-toolbar-grp {min-width:100%;}I didn’t want to reset .mce-toolbar-grp to min-width: 0, because I assume Kriesi had some reason for adding that to the css for the editor, so I reset .mce-inline-toolbar-grp, which seems a little more specific to the image editing toolbar.
Do you see any problems with fixing it this way? Will this affect any other instance of .mce-inline-toolbar-grp in a negative way?
- The topic ‘Wierd behavior in default editor with image alignment & editing toolbar’ is closed to new replies.