RESOLVED

Hi everyone, i had the exact same issue when I was importing BAND demo.
I could fix it by importing zip archive. here is the details

I check the logs to see what is the error. here was the error

CRITICAL Uncaught Error: Class ‘ZipArchive’ not found in /home/public_html/YOUR_SITE/wp-content/themes/enfold/framework/php/inc-avia-download-demo.php:56
Stack trace:
#0 /home/public_html/YOUR_SITE/wp-content/themes/enfold/framework/php/function-set-avia-ajax.php(714): require_once()
#1 /home/public_html/YOUR_SITE/wp-includes/class-wp-hook.php(307): avia_ajax_import_data(”)
#2 /home/public_html/YOUR_SITE/wp-includes/class-wp-hook.php(331): WP_Hook->apply_filters(”, Array)
#3 /home/public_html/YOUR_SITE/wp-includes/plugin.php(476): WP_Hook->do_action(Array)
#4 /home/public_html/YOUR_SITE/wp-admin/admin-ajax.php(187): do_action(‘wp_ajax_avia_aj…’)
#5 {main}
thrown in /home/public_html/YOUR_SITE/wp-content/themes/enfold/framework/php/inc-avia-download-demo.php on line 56

My Server is CPANEL. so I find this youtube video on how to enable ZipArchive on CPANEL. (I also do not know indian, just follow the video)

BINGO. It imports successfully.
I hope it helps someone else too.

• This reply was modified 3 years, 6 months ago by omidheshmatinia.
• This reply was modified 3 years, 6 months ago by omidheshmatinia.

Sorry – now I have changed my layout to Boxed – this makes no difference on my test platform, except for large screen widths larger than 1600px the image is further enlarged and cropped. To avoid this on your installation, please switch back to your boxed layout and we will find a way.
i see on boxed layout there is a little different html for those sections – but we can leave out the empty content of this color-section anyway:
(it is only important that we have inside the div with container class)

add_action('ava_after_main_title', function() {
?>
<div id="banner" class="avia-section main_color avia-section-default avia-no-border-styling avia-builder-el-0  avia-builder-el-first av-small-hide av-mini-hide avia-full-stretch avia-bg-style-scroll container_wrap sidebar_right" data-section-bg-repeat="stretch">
  <div class="container av-section-cont-open"></div>
</div>
<?php
});

In a boxed layout we can prevent the enlargement by giving the #banner a maximum height – since body is set to 90% width – this must be included in the calculation.

@media only screen and (min-width: 990px) {
  #banner {
    max-height: calc(0.9 * 556px);
    height: calc(0.9 * 34.75vw);
    background-repeat: no-repeat;
    background-image: url(/wp-content/uploads/2022/10/logo2-1.jpg);
    background-position: 0% 0%;
    background-attachment: scroll;
  }
}

/****  beneath the 990px boxed layout body goes to 100% width ******/
@media only screen and (max-width: 989px) {
  #banner {
    max-height:556px;
    height: 34.75vw;
    background-repeat: no-repeat;
    background-image: url(/wp-content/uploads/2022/10/logo2-1.jpg);
    background-position: 0% 0%;
    background-attachment: scroll;
  }
}

well that content is loaded after the other content is already in the DOM; next : maybe lazy-loading comes into account too on that.
So if you just want to have the image up there without slider functions, why don’t you use a color-section anyway for performance reasons.
See here ( sorry with your image ) a page with that color section – your image has a aspect ratio of 1600:556 so if the width is 100vw the height is 34.75vw
this could be done by a custom ID f.e. banner in your quick css:

#banner {
  height: 34.75vw;
  background-repeat: no-repeat;
  background-image: url(https://jaro.jamesdk.sk/wp-content/uploads/2022/10/logo2-1.jpg);
  background-position: 0% 0%;
  background-attachment: scroll;
}

and insertion code is:

add_action('ava_after_main_title', function() {
?>
<div id="banner" class="avia-section main_color avia-section-default avia-no-border-styling avia-builder-el-1 av-small-hide av-mini-hide avia-full-stretch avia-bg-style-scroll container_wrap sidebar_right" data-section-bg-repeat="stretch">
	<div class="container av-section-cont-open">
		<div class="template-page content av-content-small alpha units">
			<div class="post-entry post-entry-type-page">
				<div class="entry-content-wrapper clearfix">
				</div>
			</div>
		</div>
	</div>
</div>
<?php
});

see an example page with inserted banner image on top:
https://enfold.webers-webdesign.de/test-jamesdk/

i found your page try please :

add_action('ava_after_main_title', function() {
?>
<div id="full_slider_1" class="avia-fullwidth-slider main_color avia-shadow av-small-hide av-mini-hide  avia-builder-el-0  el_before_av_textblock  avia-builder-el-first   container_wrap sidebar_right"><div class="avia-slideshow av-l8ypj1ln-1436a823a5edef515622515055099065 avia-slideshow-no scaling av_slideshow_full avia-slide-slider av-small-hide av-mini-hide av-slideshow-ui av-control-default av-slideshow-manual av-loop-once av-loop-manual-endless image_no_stretch avia-slideshow-1" data-slideshow-options="{&quot;animation&quot;:&quot;slide&quot;,&quot;autoplay&quot;:false,&quot;loop_autoplay&quot;:&quot;once&quot;,&quot;interval&quot;:5,&quot;loop_manual&quot;:&quot;manual-endless&quot;,&quot;autoplay_stopper&quot;:false,&quot;noNavigation&quot;:false,&quot;bg_slider&quot;:false,&quot;keep_padding&quot;:false,&quot;hoverpause&quot;:false,&quot;show_slide_delay&quot;:0}" itemprop="image" itemscope="itemscope" itemtype="https://schema.org/ImageObject"><ul class="avia-slideshow-inner " style="padding: 0px; height: 486px;"><li class="avia-slideshow-slide av-l8ypj1ln-1436a823a5edef515622515055099065__0 av-single-slide slide-1 slide-odd next-active-slide active-slide" style="visibility: visible; opacity: 1; transition: none 0s ease 0s; transform: translateZ(0px);"><div data-rel="slideshow-1" class="avia-slide-wrap "><img class="wp-image-2841 avia-img-lazy-loading-not-2841" src="https://jaro.jamesdk.sk/wp-content/uploads/2022/10/logo2-1.jpg" title="logo2" alt="" itemprop="thumbnailUrl" srcset="https://jaro.jamesdk.sk/wp-content/uploads/2022/10/logo2-1.jpg 1600w, https://jaro.jamesdk.sk/wp-content/uploads/2022/10/logo2-1-300x104.jpg 300w, https://jaro.jamesdk.sk/wp-content/uploads/2022/10/logo2-1-1030x358.jpg 1030w, https://jaro.jamesdk.sk/wp-content/uploads/2022/10/logo2-1-768x267.jpg 768w, https://jaro.jamesdk.sk/wp-content/uploads/2022/10/logo2-1-1536x534.jpg 1536w, https://jaro.jamesdk.sk/wp-content/uploads/2022/10/logo2-1-1500x521.jpg 1500w, https://jaro.jamesdk.sk/wp-content/uploads/2022/10/logo2-1-705x245.jpg 705w" sizes="(max-width: 1600px) 100vw, 1600px" style="left: 0px;" width="1600" height="556"></div></li></ul></div></div>
<?php
});

i see on your inserted code that there is a space behind header_glassy – and that is important !
if i remove that space – the presetting will not work.

______________
for the devs and mods:

by the way: on functions-enfold.php on line 1335 there is:

$header['header_transparency'] = 'header_transparency';

is that correct ? why is it not

 …
__( 'Transparent Header', 'avia_framework')	=> 'header_transparent',

as in meta.php line 377 ???

Well this is correlated to a class that is set automatically on ampersand character.
the class is set to:

.special_amp {
  font-family: "Baskerville", "Palatino Linotype", "Palatino", "Times New Roman", serif;
  font-style: italic;
  font-size: 1.3em;
  line-height: 0.5em;
  font-weight: normal;
  color: inherit;
}

but that function is on functions-enfold.php line 970ff : avia_ampersand
so if in content an ampersand is set it will be changed to : <span class='special_amp'>&</span>

Can I check if this worked by updating the theme manually?
I have a similar issue with the error being “Notice: Array to string conversion in /var/www/…./wp-includes/block-editor.php on line 340
I am using PHP 7.4.30 with errors turned off.
If I upgrade to PHP 8.0.23 then I get the above error and cannot edit any of my posts, pages etc.

• This reply was modified 3 years, 6 months ago by GrandPrixGrandTours.