Adding larger or higher quality images in your Enrollments Widget


If the images in your Enrollments Widget are too small or blurry, you can use this workaround to get clear images on your website.

Step 1

  • FTP (or upload) the desired images to either your website or an image hosting website, such as imgur.


Step 2

  • Copy the "Image URL" to create an HTML <img> element. Don't worry, this step is easy. Paste your Image URL into the space below (do not delete the quotes)
<img src="YOUR IMAGE URL"/>


<img src=""/>


Step 3

  • Login to MINDBODY > Home > Services & Pricing > select a Service Category > click on the name of the enrollment
  • In the "Description" section, click on "HTML"


Step 4

  • Copy and paste the full img tag above and click "Update" (you can add an enrollment description after the image)
  • Then in the "Edit Enrollment Description" page, click "Save"
  • Note: If you already have an image uploaded into the enrollment photo area, you will need to delete it.


Step 5

  • First, log into HealCode
  • Click on Widgets
  • Click the title of the Enrollments Widget
  • Scroll to the "Custom CSS" text box in the Appearance section
  • Insert the following code into the Custom CSS text box (adjust the size as you see fit)
.healcode-description-area img {
height: 300px;




Have questions about this process? Contact us!

Have more questions? Submit a request


Powered by Zendesk