Hotspots

January 8, 2025 ThemeMotive Multi Builder Elements, Multi Theme and Website Builder

Options for the Hotspot Block

Image Options

  • Image Source (src) – Add the URL of the image to be used as the background for the hotspot block.
  • Width – Set the width of the image in pixels.
  • Height – Set the height of the image in pixels.
  • Alt Text (alt) – Provide alternative text for the image to improve accessibility and SEO.
  • Margin Top (margin_top) – Adjust the top margin of the image using a CSS value (e.g., 41px).

Hotspot Options

  • Position X (x) – Set the horizontal position of the hotspot as a percentage of the image width.
  • Position Y (y) – Set the vertical position of the hotspot as a percentage of the image height.
  • Size – Define the size of the hotspot in pixels.
  • Tooltip Text (tooltip_text) – Add text to display in the hotspot’s tooltip.
  • Tooltip Type (tooltip_type) – Choose the tooltip style (e.g., 2 for specific designs).
  • Tooltip Max Width (tooltip_max_width) – Set the maximum width of the tooltip in pixels.

Design Options

  • Font Size (font_size) – Customize the font size for any text in the hotspot.
  • Effect – Choose the visual effect for the hotspot (e.g., pulse).
  • Color – Set the color of the hotspot.
  • Animation – Define the animation style for the hotspot’s appearance (e.g., fadeInDown).
  • Animation Delay (animation_delay) – Set a delay (in milliseconds) before the animation starts.

Additional Options

  • Text – Add custom text to the hotspot (if needed).
  • Class – Add a custom CSS class for advanced styling.
  • ID – Add a custom CSS ID for advanced functionality.