or if you don’t want to place a shortcode there
( guess a advanced slider will be possible too)

add_action('ava_before_footer', function() {
echo '<div class="avia-section main_color special-one"><div class="container">';
echo do_shortcode("[layerslider id='19']");
echo '</div></div>';
});

and you only want to place some html code there – this will be enough (again the divs got that classes of every color-section and one for your adjustments or an id to anchor for ):

function some_content_before_footer() {
?>
  <div id="last-section" class="avia-section main_color special-one">
	  <div class="container">
         Some html content, f.e an image
	  </div>
  </div>
<?php
}
add_action('ava_before_footer' , 'some_content_before_footer');

if you activate the debug mode you can see the enfold shortcodes generated down the layout window.
If you only pull one image with hotspots in it – configure everything you like – you can see the shortcode like this :

[av_image_hotspot src='https://webers-testseite.de/wp-content/uploads/DSC5417-1030x616.jpg' attachment='30814' attachment_size='large' animation='no-animation' hotspot_layout='numbered' hotspot_tooltip_display='' hotspot_mobile='aviaTBhotspot_mobile' custom_class='']
	[av_image_spot tooltip_pos='av-tt-pos-above av-tt-align-left' tooltip_width='av-tt-default-width' tooltip_style='main_color' link='' link_target='' hotspot_color='' custom_bg='' custom_font='' custom_pulse='' hotspot_pos='11,51.5']
		Kirschblüte in Bonn - Friedrichstraße
	[/av_image_spot]
	[av_image_spot tooltip_pos='av-tt-pos-above av-tt-align-left' tooltip_width='av-tt-default-width' tooltip_style='main_color' link='' link_target='' hotspot_color='' custom_bg='' custom_font='' custom_pulse='' hotspot_pos='50,29.6']
		Kirschblüte in Bonn - Friedrichstraße
	[/av_image_spot]
[/av_image_hotspot]

you can enter this in a tab text field (best on text editor not visual one) – these tabs you can pull in a tab of a tab-section
this is a diligence task – but it is possible !
( PS i tried to do it tab in a tab – but this messes up )

nice to see one screenshot – and you are not able to adjust the few lines yourself ?
Centering from a screeshot is hard to say – center to what – a link is alway better

this is my simulation :

#top .av-masonry-load-more {
    display: inline-block; 
    box-shadow: 1px 1px 3px #666;
    border-radius: 15px;
    left: 50% ;
    transform: translateX(-50%);
    position: relative;
    top: 15px;
   color: #fff ;
   background-color : rgb(30,205,215) !important;
   font-size: 28px !important
}

PS : you get rid of that deformation by letter-spacing set to 0px

this is only set if enfold detects a masonry and if content height is bigger than window height:

shortcodes.js:

//fix for non aligned elements because of scrollbar
if(container.outerHeight() + container.offset().top + $('#footer').outerHeight() > $(window).height())
{
	$('html').css({'overflow-y':'scroll'});
} 

we had to find a different solution for it

i’m on that topic – but yet i do not know how to have a child theme friendly solution.
I have to read more in the magnific popup api documentation to see if there was a possibility. The code inserted from enfold to html (overflow-y: scroll) is inline code too – on that testpage of Semenovs Testpage is set via css.

Without a link – you must wait til mods are here – could be everything

how did you get that banner on top ? https://dev.mediabox.ca/3/

Sometimes you forget to mention the simple things.

At the moment I am trying to gain a deeper insight into the jQuery programming. That’s why I approach some solutions from this point of view.
I have recently written a code for the funcions.php, which checks whether a mobile device accesses the site or a desktop pc.
Enfold has that already in avia-compat.js , and then assigns to the devices each a unique html class.
So if you want to make a css rule only for mobile devices you always can use : html.avia_mobile

yes but do it in private content the download zip file

1) there is a checkbox on alb element –
2 ) you can copy html code to the form element label as ( if you like get rid of target blank) :
<span>I have read the <a href="https://page-url-to-privacy-data" target="_blank">Privacy Statement</a>. I agree that my details and data will be collected and stored electronically to answer my request. Note: You can revoke your consent at any time for the future via e-mail to (Email address hidden if logged out) *</span>
3) do not preselect check-mark – the user has to do it activly
4) this has to be a mandatory field

click to enlarge:

PS : the span is good to style it differnt to other labels ( make font-size smaller etc. )
You can see it here with enfold contact form: https://webers-testseite.de/kontakt/

i don’t know why the last quotation marks are transfered to curved one.
your are using the normal text editior of WordPress ?
try to deactivate all plugins (only cf7 active) and have a look if it works then.

With login you have to wait for a mod – i’m participant as you are – so i do not see private content

• This reply was modified 7 years, 2 months ago by Guenni007.

and you copy the code from CF7 : – please take double quotation marks as given from CF7 options page

do not see the screenshot:

this is what i see on your site – and the last quotationmark is curved:

the magnific popup script sets the html to overflow-y scroll.
that has the reason not at last because otherwise on open the lightbox the background will jump to the right ( the width of the scroll bars)
This looks ugly too.

but it isn’t that terra messflug at ? This is not enfold