Hi,

Thank you for the clarification.

You can try this css code to apply your own toggle password icon to the password input field.

.show-password-input {
  width: 24px;
  height: 24px;
  border: 0;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  position: absolute;
  top: 4px;
  right; 9px;
}

.show-password-input[aria-label="Show password"] {
  background-image: url("eye-closed.svg");
}

.show-password-input[aria-label="Hide password"] {
  background-image: url("eye-open.svg");
}

Make sure to replace eye-closed.svg and eye-open.svg images with your own images.

Best regards,
Ismael

Hey condonp,

Thank you for the inquiry.

Do you want to enable the ALB for the popup maker? We are not sure if this is possible and we may need to check the element to properly understand the issue. Please create a test page, then include the URL in the private field.

Best regards,
Ismael

Hey sky19er,

Thank you for the inquiry.

We recommend using an embed code so you don’t need to modify the video templates in the theme.
You can use the Text or Code Block element to add the embed code.

If you do want to proceed with the modification, you can find the video element template in the
config-templatebuilder/avia-shortcodes/video/video.php file.

Let us know if you need more info.

Best regards,
Ismael

Hi,

Thank you for the link.

We adjusted the script a bit, added change detection to the .av-masonry-container, then apply the target attribute to its child elements or entries. It should work correctly now.

add_action('wp_footer', function () {
    ?>
    <script>
    jQuery(function ($) {
        function applyTargetBlank(container) {
            container.find('a').each(function () {
                if (!$(this).attr('target') || $(this).attr('target') !== '_blank') {
                    $(this).attr('target', '_blank');
                }
            });
        }

        var masonryContainer = $('.av-masonry-container');

        applyTargetBlank(masonryContainer);

        var observer = new MutationObserver(function (mutationsList) {
            mutationsList.forEach(function (mutation) {
                if (mutation.addedNodes.length) {
                    $(mutation.addedNodes).each(function () {
                        if ($(this).hasClass('av-masonry-entry') || $(this).find('.av-masonry-entry').length) {
                            applyTargetBlank($(this));
                        }
                    });
                }
            });
        });

        if (masonryContainer.length) {
            observer.observe(masonryContainer[0], {
                childList: true,
                subtree: true
            });
        }

        $(window).on('debouncedresize', function () {
            setTimeout(function () {
                applyTargetBlank(masonryContainer);
            }, 2000);
        });

        $(document).on('click', '.av-masonry-load-more', function () {
            setTimeout(function () {
                applyTargetBlank(masonryContainer);
            }, 2000);
        });

    });
    </script>
    <?php
}, 9999);

Best regards,
Ismael

Hi,

Thank you for the update.

Try to use this css code instead:

#top .grid-sort-container .no_margin.av_one_third.grid-entry {
    width: 30%;
    margin-right: 3%;
}

Result:

Best regards,
Ismael

Hi,

Thank you for the inquiry.

The contact form seems to be sending messages properly when we tested it, as shown in the screenshot below. Is this still an issue?

Best regards,
Ismael

Hi,

Thank you for the update.

The search icon is visible even when we are not logged in as shown in the screenshot below.

Please try to clear the browser cache or check the site in incognito mode.

Best regards,
Ismael

Hi,

Thank you for the update.

that if not using a fullscreen Slider the portfolio navigation disappears completely

The post navigation should not be affected by the slider — it should actually not display when a slider is added to a page, not the other way around. Please create a test page and post the URL in the private field so we can check the issue properly.

To bring back the post navigation on mobile view, please add this css code:

@media only screen and (max-width: 767px) {

  /* Add your Mobile Styles here */
  .responsive #top .avia-post-nav {
    display: block;
  }
}

Best regards,
Ismael

Hey Sonno,

Thank you for the inquiry.

Add a Fullscreen Slider, then add a Color Section below it with a unique ID or Custom CSS Class. You can then apply some css modifications to move the Color Section over the slider and set its background to transparent. If you can create a test page, we’ll try to check it further.

— https://kriesi.at/documentation/enfold/add-custom-css/

Best regards,
Ismael

Hi,

Thank you for the update.

(removing the custom code and using only the Enfold Theme Options field with a 512x512px PNG)

Have you tried using an actual favicon or .ico file instead of a png? Again, we checked the site on a favicon validator and it can properly detect the icon. It’s also visible in the browser tabs.

We found these markups, which might be conflicting with the default favicon. These are not generated by the theme.

Best regards,
Ismael

Hey Tia,

Thank you for the inquiry.

The text is actually part of the youtube video. Please edit the slider and make sure the video is muted so it can play automatically without displaying the video title. Let us know the result.

Best regards,
Ismael

Hi,

Thank you for the inquiry.

We understand you’re having issues working with the theme, specifically with the post navigation along with a slider’s default arrow navigation. To get around this issue, we recommend to adjust the position of the post navigation by adding this code in the Enfold > General Styling > Quick CSS field.

#top .avia-post-nav {
    top: 80%;
}

This should move the post navigation lower on the page or within the viewport. Where can we see the portfolio grid element?

Best regards,
Ismael

Hi,

Thank you for the info.

The Appearance > Widgets looks different and it seems that you’re using a plugin or made some customization for it. Have you tried temporarily disabling the plugin or modification? We also recommend updating all plugins to their latest versions; most of them are outdated.

Best regards,
Ismael

Hey sarahd167,

Thank you for the inquiry.

The search icon is not displaying on smaller screens because of this css modification.

@media only screen and (max-width: 1366px) {
  .responsive #top .av-main-nav .menu-item {
    display: none !important;
  }
}

To fix it, replace the code with:

@media only screen and (max-width: 1366px) {
  .responsive #top .av-main-nav .menu-item {
    display: none !important;
  }

  .responsive #top .av-main-nav #menu-item-search {
    display: block !important;
    top: 4px;
  }
}

Best regards,
Ismael

Hey Antonio,

Thank you for the inquiry.

You can use the Masonry element with the Styling > Masonry Settings > Size Settings set to Flexible Masonry. Another option is to use the Column elements to create rows of Image elements, allowing you to control which image size or thumbnail is used. Let us know if you need more info.

Best regards,
Ismael