Divi 5 Ready
Room Set Hotspots

About This Layout

What's Inside

  • 1 section, 1 row and 36 Groups, laid out with Divi's Flex and Grid layout.
  • Modules: Heading (1), Text (33), Button (6), Image (1).
  • 16 native Divi Interactions (4 on page load, 4 on hover, 4 when the pointer leaves, 4 on click or tap), no JavaScript.
  • Separate tablet and phone settings on 10 elements.

Best For

  • Product photos and rooms where each item gets its own label and price.
  • Fits online store sites.
  • Suits a light design.

How to Customize

  • Colours: Cloud #eef1f4, Body #4b5563, Ink #111827, Line Dark #374151, White #ffffff, Ochre #ca8a04, Moss #166534. They arrive as global colours when you import, so changing one in Divi updates every module that uses it.
  • Fonts: Inter (400, 500, 600, 700), Plus Jakarta Sans (600, 800). The largest text is Plus Jakarta Sans at 56px.
  • Some modules use presets: edit the preset once and every module that uses it changes with it.
  • Replace the image with your own in its Image module.
  • To change what a click or hover does, open that module's settings, Advanced tab, Interactions.
Live Preview
Layout screenshot

Colors and Fonts