yes on avia.js line 32 :
you can enter postion:’bottom’ and the rest will be css – but maybe a mod knows a child-theme solution without having a whole avia.js on child-theme folder.

new $.AviaTooltip({"class": 'avia-related-tooltip', data: 'avia-related-tooltip', position:'bottom', scope: ".related_posts, .av-share-box", attach:'element', delay:0});

on line 1609 maybe that is enough to replace top with bottom – sadly this is not a pluggable function ( if function exists …) then it would be ease to have a child theme solution)

Sorry – hope ismael or günter knows how to.

avia.js pos1 is for top positioning since lines: 1598 and on focus 1773ff
now it is to look if there could be a child-theme solution.
But on reading those lines – isn’t there a bottom position as option? ( Edit – no seems to be only for image with tooltip )

this is hard stuff – because it seems to be calculated values in the infinite vastness of the source code.
Maybe some of the Devs knows where to find.

li.av-share-link:hover .avia-related-tooltip  {
  transform: translateY(15px) !important;
  top: unset !important;
  margin-top: unset !important;
}

li.av-share-link:hover .avia-related-tooltip .avia-arrow-wrap {
  top: 0 !important;
  bottom: auto !important;
  transform: scaleY(-1) !important;
}

This quick css solution is an insufficient solution of the whole, because the original container initially appears for fractions of a moment at the top position.

can you show me a link to a demo page of enfold ( link ) where that is shown?
do you refer to those tooltips on hovering the share button? https://kriesi.at/themes/enfold-2017/elements/social-share-buttons/

• This reply was modified 4 years, 11 months ago by Guenni007.

Here I am, sorry the mess.
So, reading from other discussions and suggestions, I removed the small featured image at the top with this Quick CSS:

.blog-meta .small-preview {
    display: none;
}

Then I change the arrows like that

.avia-post-nav .entry-info-wrap {
    width: 240px;
}

But it seems to me that this second command override the blog layout setting about share links and related entries
Look at this

When instead my setting are:
only FB, Tw, email and Waps share links
and show thumbnails by default as related entries
But I re enter the editor, all setting are auto changed themselves?!?!
(Thumbnails by tooltip and all share links on)
very strange

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 4 years, 12 months ago by Guenni007.

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.