Editor can't edit text over BG image

Publishing help Editor
1

Hello!
My client brought it to my attention that they can’t edit some text whenever there is a background image on the section. The editor doesn’t seem to want to switch from the bg image to the text to be able to edit.

I’ve checked all these sections and confirmed that the z-index and placement of the text is above the bg in each section.

The only work around I have for it right now is pressing the change image button, canceling the open dialogue box and that allows you to edit the text boxes over top.

To look more about a specific section go to the /home-editor page and scroll to the third section that currently starts with “Hi, I’m Adam…”

Anyone have any better ideas for a client that constantly edits and isn’t super tech savvy?

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

2

No way for me to test your scenario without building a mockup and testing. Even then it might not be like yours.

Offer them a maintenance plan that includes X hours of edits per X period. Or use the CMS for pages, that way they edit a field.

3

Yeah, I ran into the same issue.

Try removing editing permission from the element with the BG.

editing-permission

That worked for me :+1:

1 Like
4

This is very irritating issue. When CSS layer settings are set in the correct order, the editor should behave accordingly. Removing editor permissions is not a solution. The shortcomings of the editor drive me more and more using the CMS for ordinary (static) pages…

5

ctrl-click on the text element, then left-click and click on edit symbol top right of text element to edit text. I find selecting text in a rich text element on the same page (when available) has te same effect as the first two actions. It’s hack or a workaround, but it does the trick.

6

Thank you so much, I’ve been looking for a solution for weeeeeeks !

7

Hello! Try this, it works for me.

Section

  • Position: Relative

Section / Container

  • Display: Flex
  • Direction: Vertical
  • Align: Center, Center
  • Position: Absolute (Full, Relative to Section)