Editor - Change position of the Editor control icons

Publishing help Editor
1

Is it possible to change the position of the control icons in the Editor?
Sometimes an image is out of view and the customer cannot click on the icon to replace the visual.

For example like this:

.w-editor-hover-inner { margin-right: 20px !important; margin-top: 20px !important; }
2

This CSS adjustment ensures that the Editor Control Icons are left and vertically centered, so that you always have them in view. even if an image runs off the page for a Parallax effect, for example.

I’m not sure if it’s the right elements I changed, but this works for me.

<!-- Test Lab 2024 - Reposition Editor controls -->
<style>
.w-editor-bem-EditorOverlay .w-editor-hover-inner {
   position: relative;
   top: 0px;
   right: 0px;
   left: 0px;
   bottom: 0px;
}
.w-editor-bem-EditorOverlay > .w-editor-hover-controls {
   margin-top: 0px;
   display: flex;
   align-items: center;
}
</style>