HOTSPOT

Make your image interactive. Here are some examples:

null

I am an artist.


Call me Mark.

I am Sally. I teach Psychology.

They call Mona.

Student.

null
 Terracotta Vase

$69

View Online 

 White Chair

$59

Buy Now

 

Custom CSS Buttons

The Anchor (link ) text on this page has button like styling so to create the effect used on this site:

https://linklay.com/

This is added to the page via the Page Builder > Tools > Layout CSS/Javascript (CSS tab)

.uabb-hotspot-tooltip-content A
 {
 border: 1px solid black;
 padding: 5px 12px;
 color: #000000;
 border-radius: 5px;
 }
 .uabb-hotspot-tooltip-content A:hover
 {
 background-color: #000000;
 color: #fff;
 }
 .uabb-hotspot-tooltip-content A:active
 {
 position: relative;
 top: 1px;
 }

 /* This was used in the h3 price text. You may not need it */ 

.uabb-hotspot-tooltip-content.uabb-text-editor H3
 {
 margin-bottom: 10px;
 margin-top: 10px;
 }