Image reference issue on child pages

[coloffdigital]

When adding an image in Pro through the double-click inspect method (right pane), the image URL path is automatically added as a relative path (…/). However, on child pages that are not directly off the root (i.e. example.com/about/people/) this results in an incorrect image reference as the html outputs as

[Prasant]

Hello @coloffdigital,

Thanks for writing in!

I suggest you to take a look at following resources to add and learn more about relative urls for images:

How to Insert Relative Image URLs in WordPress

https://wordpress.org/support/topic/relative-path-for-image/

Thanks.

[coloffdigital]

What I’m saying is there is an issue with the way Pro processes images that are added through the right pane “double click to edit” method. When an image is added in that way, the source URL of the img element is incorrect.

[nabeel]

Hey @coloffdigital,

I tested the inline editor inside a child page and this seems to be a bug, the path isn’t correct when an image is added through the editor. There is an upcoming update of Pro and X around the corner in which inline editing issue with URLs has been addressed, update your theme and plugins to latest version when the update is available (see https://theme.co/changelog/)

However I’ve submitted this to our issue tracker so the developers will be made aware of it, In the mean time try not to use the inline editor for adding images and use Image element instead or use HTML markup if you need it inside the Text element.

Thanks!!