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

Hi,
Thanks for sharing Guenni007

Best regards,
Mike

Hey A-Wise,
When I compare the two sites I don’t see any differences, perhaps you have already solved this?

Best regards,
Mike

Hi,
Thanks for sharing manurimini
The theme doesn’t include polyfill or link to a external one, but uses the registered WordPress version with the relative path of /wp-includes/js/dist/vendor note that this path is in the WordPress files.

Best regards,
Mike

Hey oliverb71,
It looks like most of your post images are the same size that then show in a ordinary way, but some of your images are much smaller because they are only logos. It also looks like you don’t show any of these featured images on the post page, but are only used for the thumbnails.
So I recommend ensuring that all of your featured image thumbnails are the same size, try imageresizer.com it is a free tool to crop your images.
If you use different sizes WordPress will use the closest thumbnail size, but it may not always be the same size, this is why it would be better if you manually ensure they are all the same size.

Best regards,
Mike

Hi,
To add a border radius to the images in #bc-custom-section for bothe desktop and mobile, try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#top #bc-custom-section div .flex_column a.avia_image {
	border-radius: 30px;
}

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.

Best regards,
Mike