getting the "blue box ?" as my image when trying to load image from my assets

[rich10]

I am getting the "blue box ?" as my image when trying to load <img src="wineagentscard.jpg"> from my assets. How do you code this properly so the image will display and move it around with css?

[PaulMathews]

@rich10 The file path to the Assets folder is "/files/theme/" so you'll modify your image reference to:

<img src="/files/theme/wineagentscard.jpg" alt="Wine Agents Card" />

If you create a special folder for your images under the Assets folder, you'll just add that folder name right after "theme" in the path >> /files/theme/myfolder/.

Remember to always add the alt tag for the search engines.

[rich10]

Got it and that works, not sure if this should be a separate question, but here goes.

trying to get this image in a text banner.

<div id="text-banner">
    <div class="container"><h2>{text-banner:text global="false"}</h2></div>
</div>

what do has to de changed in this code? (to be able to add both an image and text)

And the CSS

#text-banner {
  background-color:#24823C; /* Changes the headline's background color */
}

#text-banner .container {
  max-width: 1000px;
  margin: 0 auto;
  padding: 1em; /* Changes the padding (i.e., space) surrounding the text banner's text */
  box-sizing:border-box;
}

#text-banner .container h2 {
  color: #ffffff; /* Changes text banner's font color */
  font-family: "Komika Axis"; /* Changes the text banner's font */
  font-size: 1.5em; /* Changes the text banner's font size */
  font-weight: 500; /* Changes the text banner's font thickness */
  letter-spacing: 0.05em; /* Changes the space between each letter */
  margin: 0 auto 0em;
  text-align: center; /* Moves the text banner text to the left, center, or right -- your preference! */
  text-shadow:0 0 10px #004F09; /* Changes the text banner's text shadow */
}​

[PaulMathews]

@rich10 Change "text" type to "content" which will allow any type of content (text, images, whatever).

<div id="text-banner">
    <div class="container"><h2>{text-banner:content global="false"}</h2></div>
</div>

[rich10]

This what it is displaying right now, so I can "click here to edit" text only.

when I change to you code, to allow images, etc. 

<div id="text-banner">
    <div class="container"><h2>{text-banner:content global="false"}</h2></div>
</div>

there is no editable region (does the CSS need to altered?)

[rich10 · Accepted solution]

<div id="text-banner">
    <div class="container"><h2>{text-banner:image global="false"}</h2></div>
</div>

When I change it to "image" then I can upload and change the text etc.