Hi,

@sneakyulrik: Thank you for the confirmation and for sharing that info.

@Dario: Please open a new ticket or thread with the site url if you’re still having this issue. We’ll continue there.

We’ll close this thread for now.

Best regards,
Ismael

Hi,

Thanks for the update.

What is the original format of the image before they were uploaded to the media library? Please make sure that the format is jpeg or png. Would you mind giving us access to the original image so that we can test it on our end?

Best regards,
Ismael

Hi,

Thanks for the update.

Is that the FTP details for the live site?

Did you see any errors after the upgrade? Please enable the debug mode for the live site and then upgrade it to the latest version. You may need to enable the maintenance mode for now until we fixed the issue.

Best regards,
Ismael

Hi,

Thanks for the update.

That is actually not a good comparison because the theme offers more features compare to the default themes, which can result to slower load times because it has to use more resources (e.g stylesheets, scripts, images etc). However, it doesn’t mean that you won’t be able to improve the site’s performance when the theme is activated. The following guide should help you optimize the site.

// https://kriesi.at/archives/scoring-100-100-in-google-pagespeed-insights-gtmetrix-pagespeed-and-yslow

You can start by enabling the theme’s Performance > File Compression settings.

Best regards,
Ismael

Hi,

Please continue here: https://kriesi.at/support/topic/avia-builder-masonry-grid-and-others-not-working/

Best regards,
Ismael

Hi,

Thanks for the update.

We actually checked the site thoroughly, so we’re quite sure that the issue is fixed after we modified the asset-manager.php file and toggled the File Compression settings a few times. And during the process, we also deactivated the WP Rocket plugin temporarily just to check if it’s a cache issue.

We are not fond of wasting any time here, so we try to fix any issues as fast as we can. Please let us know if the asset-manager.php file modification didn’t fix the issue so that we can inspect the problem again asap.

Best regards,
Ismael

Hi,

Thanks for the update.

You should put that css code in the Quick CSS field. We applied a custom css class attribute to the images, “img-hover-custom-a” and “img-hover-custom-b” respectively, then modified the css code a bit.

.img-hover-custom-a .av-image-caption-overlay { background-position: 50% 50%; } 

.img-hover-custom-a .av-image-caption-overlay:hover { background-size: contain; background-image: url(https://familyrich.com/wp-content/uploads/2018/02/GC-LUV-1.jpg); background-color: rgba(255,255,255,0.5); background-repeat: no-repeat; background-position: 50% 50%; transform: all .0s; }

.img-hover-custom-b .av-image-caption-overlay { background-position: 50% 50%; } 

.img-hover-custom-b .av-image-caption-overlay:hover { background-size: contain; background-image: url(https://familyrich.com/wp-content/uploads/2017/08/Free-Shipping-over-100.jpg); background-color: rgba(255,255,255,0.5); background-repeat: no-repeat; background-position: 50% 50%; transform: all .0s; }

Best regards,
Ismael

Hi,

Thanks for the update.

The browsers won’t allow autoplay for media files with sounds, so they have to be muted if you want them to automatically start on page load.

// https://developers.google.com/web/updates/2017/09/autoplay-policy-changes

One workaround is to open the video inside a lightbox. Just create a standard slider with a static image background and then create a button that will open the media file inside a lightbox container.

Youtube actually discourages the use of videos as background when they remove the parameters that allow users to disable the info inside the frame.

// https://developers.google.com/youtube/player_parameters#release_notes_08_23_2018

Best regards,
Ismael

Hi,

Thanks for the update.

That page works fine, but we don’t understand what you’re trying to add into it. Please elaborate your request a bit. If you’re trying to copy the demo, just insert a portfolio grid element and a masonry element below.

Best regards,
Ismael

Hi,

Thanks for the update.

Sorry for the confusion. The first css code above was added somewhere in the Quick CSS field or the style.css file. You have to remove it because it’s hiding the signup fields. After removing the first css code, add the second one to align the mailchimp fields.

Best regards,
Ismael

Hi,

Thanks for the update. Please let us know once the staging site is ready.

Best regards,
Ismael

Hi,

I looked in Posts (with thumbtack image next to it)

You have to actually go to or edit the post. In the post editor’s sidebar, you’ll see the Layout > Sidebar Settings. At the very bottom of that Layout panel, you should see the “Featured Image” settings. Set that to “Hide on single entry”. You have to repeat these steps for every single post.

Best regards,
Ismael

Hi,

Thanks for the update.

The FTP login details above are invalid. Please provide another so that we can access the files. We would like to inspect the “function-set-avia-frontend.php” file.

Best regards,
Ismael

Hi!

Thanks for the update.

The elements are not responsive because their containers are rendered outside the main wrapper. We are trying to set the builder to debug mode to enable the shortcode parser but we keep getting an error during update. Please set the builder to debug mode and then update the CPT items.

Just add this code in the functions.php file:

//set builder mode to debug
add_action('avia_builder_mode', "builder_set_debug");
function builder_set_debug()
{
  return "debug";
}

You can also try this script to relocate the containers inside the main wrapper.

 function ava_enqueue_custom_script() {
    if ( wp_script_is( 'avia-default', 'registered' ) ) {
        wp_add_inline_script( 'avia-default', " (function($){
            (function() ) {
                var grid = $('body').children('.av-submenu-container, .avia-section, .av-layout-grid-container, .av-tab-section-container, #footer, #socket');
                $(grid).appendTo('#wrap_all #main');

                var child = $('.avia-section, .av-layout-grid-container').find('.avia-section, .av-layout-grid-container, #footer, .av-submenu-container, #footer'),
                parent = child.parents('.avia-section, .av-layout-grid-container');

                child.insertAfter(parent);
            }();
        })(jQuery);" );
    }

add_action( 'wp_enqueue_scripts', 'ava_enqueue_custom_script', 9999);}

Regards,
Ismael

Hi,

UPDATE: You need to load the following js files.

<script src="//cdnjs.cloudflare.com/ajax/libs/zepto/1.1.2/zepto.min.js"></script>
<script>window.Zepto || document.write('<script src="scripts/vendor/zepto.min.js"><\/script>')</script>
<script src="scripts/wtf.js"></script>
<script src="scripts/main.js"></script>

Copy the css code in the child theme’s style.css file or the Quick CSS Field. And then make sure that the following markup exists in the page.

<article>
<div id="output">
		            <noscript>
<dl>
 	<dt>What the fuck! You don't even have JavaScript enabled!</dt>
 	<dd>You need to enable it to see all the fucking cool shit on this website...</dd>
</dl>
</noscript></div>
<a id="generate" href="#" title="Hit me again!"></a>
		    </article>

// https://github.com/soulwire/WTFEngine/blob/master/index.html

You can put that in a code or text block. If I am not mistaken, the script will render something in the “#output” container once you hit the “#generate” link or button.

Best regards,
Ismael