Community forum for knowledge and support

Updated 3 months ago

Inability to Edit Background Images in Editor

At a glance

The post is about a client who is unable to edit the background image of certain components in the editor. The community members suggest a workaround by adding pointer-events: none to the image overlay layer, which should allow the client to edit the background image. Another suggestion is to create a separate component for the background image and place it on another page that the client can access to make the changes.

ZZac McDonnell

Hi team my client isn’t able to edit the background image of any component which has a background image with the editor - or edit mode such Header 5, CTA 3 etc. is there any workaround for this? Would really appreciate any input. Cheers, Zac

5 comments

SSam Backhouse

I've had this before, it's because the background images are behind the overlay layer so aren't directly selectable. Try adding "pointer-events: none" to the image overlay layer and see if that sorts it 👍

MMatt Johnson

specifically Sam means toggling this setting on the overlay element

An "old school" approach would be to create a component of that image and put that component on another page the client can access to do the same thing - maybe this solves other problems as well and can be a trick to use for other things like mega menu navbars etc.

Attachment

SSam Backhouse

Sorry, Yes I did mean that, spent all day on design work so I was thinking in layers 😂

MMatt Johnson

haha all good Sam! 💪

ZZac McDonnell

Thanks a mil Worked a treat! This was seriously helpful and will save so much headache!!! wish I asked this question years ago lol.

Add a reply