ADD photo to hint description

Ask the Community Customization
1

When showcasing visual services this will allow us to SHOW customers what that line item is.

This offers a TON of value.

1 Like
3

Hi there, @user12095 and welcome to the Community :waving_hand:

Apologies for the delayed response!

Glad to say that you can add the images to the hint. You just need to open the Code Editor mode in the Hint field and add <img src="Image_Link"> there:

image
image327Ă—509 9.91 KB


Do not forget to replace Image_Link with the link to your image. Try it out and let me know if it worked :wink:

4

Thank you, is there a way to edit the “Hint” icon that will show so it is not always the (?) icon?

1 Like
5

Yep, it’s possible using this code in the Custom CSS field on the Appearance tab of your widget’s settings:

#hint-baafe471-ea01-48b8-bb3f-4c8051e4d0f3 + .es-features-feature-hint {
  font-size: 0 !important;
  display: block;
  background-image: url("https://cdn-icons-gif.flaticon.com/11629/11629816.gif");
  width: 16px;
  height: 16px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  border: none;
}

In the 1st line of the code, you should replace the hint ID with the ID of the needed hint and add a link to your icon in the 4th line of the code:

image
image612Ă—197 18.3 KB


To find the ID of a specific hint, please right-click the hint, select Inspect and you’ll your hint ID:

image
image950Ă—993 206 KB

image
image1540Ă—989 233 KB


Please try it out and let me know if it worked :wink:

1 Like
6

Thank you for the detailed update, great to see you guys take support seriously!

I did try adding the image, there appeared to be an issue with the surrounding box around the image (attached). Is there a piece of code I can use for all of these that will ensure they are formatted correctly?

Also, do you guys do custom development? I have a tool I am needing to build and am looking for a partner.

1 Like
7

Hi @user12095 :waving_hand:

Unfortunately, the image you’ve tried to send wasn’t attached. Could you please send me a link to the image you were trying to use?