Is it possible to add an image to the caption area on the restaurant menu?

I see a code editor option where you can type for the caption. I want to put a rectangular hero image at the top of that section rather than an image next to each item.

3 Likes

Hi there, @user358 :wave:

Sure! You just need to add <img src="Image_Link"> to the code editor and replace Image_Link with the link to your image.

Try it out and let me know if it worked :slightly_smiling_face:

1 Like

Thank you,
Where does the image get hosted? I am struggling with understanding, do I host it on Google Drive, or Google Phototos (something like that)?

If so, what is the “Image_link” address?

2 Likes

I’ll check with the devs if it’s possible to display images from Google Drive/Google Photos there and will update you tomorrow :slightly_smiling_face:

1 Like

Or is there another place where you recommend hosting the image?

2 Likes

try to upload images to another hosting (like Imgur) and use image links from this platform :slightly_smiling_face:

1 Like

I don’t think I am doing this correctly. See my screenshot below.

I am inserting the link between the quotes:

but it is just showing a thumbnail icon in the place I am expecting the image to go.

(attachments)

1 Like

Hi @user358 ,
the right Image Source is https://i.imgur.com/n0cHaoD.png
not https://imgur.com/a/KUMD0b8

Therefore only a thumbnail icon is visible.

2 Likes

I actually figured out how to host it through Webflow. However, I can’t figure out why the image comes out looking faded.

https://squealers-barbeque-grill.webflow.io/menu

2 Likes

To remove the “Fade effect”, please add this code to the Custom CSS field on the Style tab of your widget’s settings:

[class*='Info__InfoCaption-sc'] {
  opacity: 1;
}

Give it a try and let me know if it helped :slightly_smiling_face:

1 Like

Thank you Max! It works now, exactly like I hoped. I am in business!!!

3 Likes

Awesome! If anything else comes, we’ll be more than happy to help :wink:

1 Like