Help Center

Why can't I edit and change my background image?

In order to be able to edit an image, it has to be part of the HTML source of the position you are editing. For example, with the help of CSS, images can be shown where the actual HTML source does not contain an image.

You can edit the HTML source of the position to see if anything is going on using the HTML editor.

For example, if the HTML looks like this and you can only edit the text, then the class "background-image" makes the image appear behind the text:

<div>
  <div class="background-image">
    <img src="/images/background.jpg" />
  </div>
  <div class="text">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. </div> </div>

In the above example, if you want to change the actual image, change the "src" attribute of the "img" tag to the URL of another image. Just make sure the URL of the image is publicly accessible, in other words, the image has to be uploaded to a public website.

Sometimes the HTML source does not even have an "img" tag at all:

<div class="background-image">
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</div>

In this case, the image is delivered via the CSS class "background-image", and the URL for the image is part of the style sheet itself. BlueConic cannot edit the style sheet itself, so in this case there is no way to edit the image.

To summarize:

  • If you cannot edit an image with the inline editor, try the HTML editor.
  • In the HTML editor you cannot upload an image, so you will have to use the URL of an existing image.
  • If the HTML editor does not contain an image URL to edit, the image is likely served via CSS and cannot be edited.

 

Was this article helpful?
0 out of 0 found this helpful