Hey webdev128,
Thanks for your question, the child theme is not updated only the parent theme, this way you will not lose any customizations.

Best regards,
Mike

Hi,
When I check your page I’m not finding any video .webm and .ogv requests, only mp4, please see the details below.

Best regards,
Mike

Hi,
Shall we close this thread then?

Best regards,
Mike

Hi,
You should upload each and then you will have a option for each.

Best regards,
Mike

Hi,
I’m not sure what css you are using for “bolder” but I see you have this in place:

.avia-image-container.blue-info .av-image-caption-overlay-center {
    color: #222222 !important;
    font-weight: bold !important;
}

this element is the same custom font that doesn’t seem to support “bolder”
bold = 700 is the most you can use with the font ZenKakuGothicNew
you could try installing the ZenKakuGothicNew-Black it supports 900 (bolder)

Best regards,
Mike

Hi,
No, it doesn’t matter where the videos are hosted, the browsers do not allow auto play with sound.

Best regards,
Mike

Hi,
use this code in your functions.php instead:

function custom_script() { ?>
  <script>
document.addEventListener("DOMContentLoaded", function() {
    var titleText = document.querySelector(".subtext.avia-standard-logo-sub").textContent;
    var footerTitleDiv = document.createElement("div");
    footerTitleDiv.id = "footer-title";
    footerTitleDiv.textContent = titleText;
    document.getElementById("socket").appendChild(footerTitleDiv);
});
</script>
  <?php
}
add_action( 'wp_footer', 'custom_script', 99 );

Best regards,
Mike

Hi,
#1: has an extra divs around the text that none of the other do, I assume this is an error, check your code in the text block in the “text” tab in instead of “visual”

all of the other ones are two H2 tags like this:

#2: this is a div column like all of the others, only it has no text block in it, I assume you will be adding one?
If not use this css instead to exclude it:

#top.page-id-502 #av_section_1 .flex_column.av_one_half:not(.avia-builder-el-9) {
	border: 1px solid #cccccc;
}

Best regards,
Mike

Hey Jak73,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#top.page-id-502 #av_section_1 .flex_column.av_one_half {
	border: 2px solid;
}
#top.page-id-502 #av_section_1 .flex_column.av_one_half h2:nth-child(2) {
padding-right: 20px;
}

you may need to adjust the image in the middle one, it is adding white space, perhaps the image is not wide enough? All of the other images look good.

Best regards,
Mike

Hey Jak73,
Edit your color section and disable the Scroll Down Arrow

Best regards,
Mike

Hi,
Try adding this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

.avia-image-container.blue-info .av-image-caption-overlay-center {
    color: #222222;
}

Best regards,
Mike

Hi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

.blue-info .av-image-caption-overlay {
    border-top: 0px;
    border-bottom: 0px;
}
#top .blue-info .avia-image-overlay-wrap .av-caption-image-overlay-bg {
  opacity: 1 !important;
  background-color: #c8ebf8 !important;
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hey oblax,
Try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:

add_filter( 'avf_enqueue_wp_mediaelement', 'avia_always_load_mediaelement', 10, 2);
function avia_always_load_mediaelement($condition, $options)
{
	$condition = true;
	return $condition;
}

Best regards,
Mike

Hi,
There is no link to polyfill.io in the theme, the theme only uses wp-polyfill, that is the built-in WordPress polyfill file at /wp-includes/js/dist/vendor, so even if the theme didn’t have this reference the WordPress core still does, so I believe this will still be an issue until WordPress removes it.
You can see the open issue here, it is open to the public.

Best regards,
Mike

Hi,
Typically you would drag the elements into the LayerSlider where you want to see them, try checking the free LayerSlider templates for one similar to what you want to achieve:

Also note that typically you will need to create two sliders, one for desktop and one for mobile because the desktop screen is landscape and the mobile screen is portrait.

Best regards,
Mike