Hi,

I see. Let us know once the site is live so that we can inspect the elements manually. We may be able to add custom css code to change the border color of those elements.

Best regards,
Ismael

Hi,

I would like to apologize for the late response. The issue is happening because you’re using svg files, which is not an accepted format. You have to convert the logo to png or jpg. (see private field)

Best regards,
Ismael

Hi,

That code adjusts the maximum width of the container where the images are. It’s not exactly what we instructed but it should still work. Have you tried adjusting the max-width value? You can also adjust the margin, so it align in the middle.

#top #home-awards {
    max-width: 325px;
    margin: 0 auto;
}

Best regards,
Ismael

Hi,

@SofiaTrippy: Could you give us a link to one of the posts where we can see the icon? I can’t seem to find any post with the sharing section.

Best regards,
Ismael

Hi,

I just found out that it is the default behavior on mobile view. There’s a script that removes every button inside the caption container because the fallback image is a link itself. Look for the “Mobile Fallback Image Link” field and apply the same url or link that you have for the button.

If you want to alter this behavior, edit the config-templatebuilder > aviashortcodes > slideshow > slideshow.js file and look for this code around line 204:

appendTo.find('a').remove();

Best regards,
Ismael

Hi,

Thanks for the update.

Use this css code to center align those icons.

@media only screen and (max-width: 768px) {
#footer .widget#text-3 .textwidget p {
    display: inline-block;
}
}

Best regards,
Ismael

Hi,

Thanks for the update.

Can you give us links to the test events? Try to resize the images to 845x321px. It seems to be the actual dimension of the thumbnails used in the events.

Best regards,
Ismael

Hi,

Did you set the layer type to “Video/AUdio”? What happens when you remove the inline styling?

Best regards,
Ismael

Hi,

@Jaap de Wit: I can’t reproduce the issue on the product page anymore. Please try to remove the browser cache and then check the page again. Or create a test page if you’re still experiencing the issue.

@blueunderground: Thanks for the info. Please create a new thread with the site url. A test page will help.

Best regards,
Ismael

Hi!

Have you tried using the layer slider element? This might not work though because of the new autoplay policy.

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

It’s always best to leave out background videos on mobile devices, specially when their sole purpose is aesthetics.

Cheers!
Ismael

Hi,

The first product page doesn’t exist or is not found. We would like to help you with this but we are not familiar with the plugin’s code. Please contact the plugin author for additional help.

Best regards,
Ismael

Hi,

Thanks for the update.

The theme doesn’t interfere, at least not directly, with any of those scripts but it is possible that the scripts they depend on such as “jquery migrate” are being disabled. Please ask the plugin author for script name and the list of dependencies it relies on.

// https://developer.wordpress.org/reference/functions/wp_register_script/

Best regards,
Ismael

Hi,

Can we access the site? We would like to check the settings.

Best regards,
Ismael

Hi,

You can use the “wp_head” or the “wp_footer” hooks to render those snippets inside the head tag or after the body tag.

Best regards,
Ismael

Hi,

@MCGWebMaster: This css code should change the background color of the masonry caption:

.av-fixed-size .av-masonry-entry .av-inner-masonry-content, .av-caption-on-hover .av-masonry-item-with-image.av-masonry-entry .av-inner-masonry-content, .av-flex-size.av-caption-on-hover-hide .av-masonry-entry.av-masonry-item-with-image .av-inner-masonry-content {
    background-color: rgba(0,0,0,0.5);
}

If it doesn’t change anything, please create a new ticket with the site url or the link to the actual page with the masonry element.

Best regards,
Ismael