Place icon inside hotspot

is it an icon-grid element?
if so – give a custom class to this element f.e.: insert-logo

then insert this to your child-theme functions.php:

function insert_logo_to_tooltip() { 
?>
<script>
(function($){
   $('.insert-logo .avia-icongrid-text').append( '<p><img class="aligncenter" src="/wp-content/uploads/logo.png" alt="YourLogo" width="40" height="40" /></p>' );
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'insert_logo_to_tooltip');

on src put in your link to your logo.

same shit different selector ;)
again custom class at “image with hotspots” element: insert-logo

try:

function insert_logo_to_tooltip_of_image_hotspot() { 
?>
<script type="text/javascript">
(function($) {
	$('.insert-logo .av-image-hotspot').each( function() {
		var tooltipContent =  $(this).data('avia-tooltip');
		$(this).data('avia-tooltip', tooltipContent+' <p class="tooltip-logo"><img class="aligncenter" src="/wp-content/uploads/logo.png" alt="YourLogo" width="40" height="40" /></p>');
	});
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'insert_logo_to_tooltip_of_image_hotspot');

you can shift that little logo by that class added via that script

.tooltip-logo {
    width: 30px;
    display: inline-grid;
    height: 30px;
    margin: -20px 0 0;
}

Edit: these are added on closed tooltips by opening via hover. I had to look what we need for always opened tooltips.
: the same but styling is better via quick css – see above.

btw. the fallback “toolttips” : it is better inserted via css f.e.

.av-hotspot-fallback-tooltip-inner p {
  text-align: left !important;
  padding-left: 40px;
  float: left;
}

.av-hotspot-fallback-tooltip-inner p::before {
  content: "";
  width: 30px;
  height: 30px;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  background-image: url(/wp-content/uploads/logo.png);
  background-size: 30px;
  position: absolute;
  background-repeat: no-repeat;
  margin: 0 50px 0 10px;
  float: left;
}

if your logos had to be on the right side when fallback is shown set f.e: left to auto and right:0

• This reply was modified 3 years, 10 months ago by Guenni007.