Is there a way to enlarge the size of the dots (circles) in a heat map question | Experience Community
Skip to main content
Question

Is there a way to enlarge the size of the dots (circles) in a heat map question

  • September 22, 2020
  • 2 replies
  • 140 views
H

Hi,

I am trying to present participants with images and have them click certain locations on the images using the heat map question. I wonder if there is a way of making the dots (the circles that show up when you click on a location) bigger, so that participants do not click two or more locations that are too close to each other.

Thank you in advance!

      2 replies

      Tom_1842
      Level 8 ●●●●●●●●
      Forum|alt.badge.img+28
      • Tom_1842
      • Level 8 ●●●●●●●●
      • January 31, 2023

      Hi there, if you still need, the size of the circles can be increased by adding the below CSS to the Style section of the survey's Look & Feel. Update the values as needed:
      .heatmap-circle.open {
          width: 50px !important;
          height: 50px !important;
      }

      qualtrics_nerd
      Level 5 ●●●●●
      Forum|alt.badge.img+19
      • qualtrics_nerd
      • Level 5 ●●●●●
      • February 1, 2023

      Hi hrheem ,
      You can fulfil the above request by using below CSS code snippet

      You should keep in mind to keep the height and width to be of same value .
      By experimenting with value you can achieve the required size of the circle.
      Hope it resolves your query😊!!

      Terms & ConditionsAccessibility statement