Hi,

We’ve added this code in the functions.php file.

add_shortcode('avia_search', 'get_search_form');

And then used the [avia_search] shortcode in the “Header” > “Extra Elements” > “Phone Number or small info text” field. (see private field)

Best regards,
Ismael

Hi,

Thanks for the update.

You have to remove this css code from the Quick CSS field.

#top.category .big-preview.single-big {
    display: none;
}

Best regards,
Ismael

Hi,

Have you tried setting the color sections’ Background Repeat to “Stretch to Fit” instead of “Scale to Fit”? You may need to adjust the “Background Image Position” too. Here’s the result when I set the repeat to “Stretch to Fit” instead of “Scale to Fit”, and the position to “top left” instead of “center “center”.

Desktop: https://imgur.com/a/W8KNuKL
Mobile (iPhone 6): https://imgur.com/a/6QXFQAM

This particular setting may not work for every color sections so you have set it a differently.

Best regards,
Ismael

Hey ginnywills,

Thank you for using Enfold.

You can use this hook to add a notification above the billing forms. Just add it in the functions.php file:

add_action( 'woocommerce_before_checkout_form', 'avf_woocommerce_before_checkout_form' );
function avf_woocommerce_before_checkout_form() {
    wc_print_notice( __( 'ADD NOTIFICATION HERE.', 'woocommerce' ), 'success' );
}

Should we close the other thread?

// https://kriesi.at/support/topic/woocommerce-check-out-page/#post-1006474

Best regards,
Ismael

Hey Tima,

Thank you for using Enfold.

1.) What is the screen resolution of your monitor? I got a 1920x1080px screen and the masonry displays as 6 columns because of the following css media query.

@media only screen and (min-width: 1800px) {
.responsive.html_stretched .av-masonry-col-flexible .av-masonry-entry, .responsive.html_av-framed-box .av-masonry-col-flexible .av-masonry-entry {
    width: 16.6%;
}
}

In your screenshot, it is actually displaying the default column width, which is 24.90% or 4 columns. Use the following css code if you want it to display as 3 columns.

@media only screen and (max-width: 1799px) and (min-width: 989px) {
.responsive .av-masonry-col-flexible .av-masonry-entry {
    width: 33.3%;
}
}

2.) Use this css code to remove the date:

#top .av-masonry-date {
    display: none;
}

3.) And add this css code to remove the background or set it to transparent:

.main_color .av-masonry-pagination, .main_color .av-masonry-pagination:hover, .main_color .av-masonry-outerimage-container {
    background-color: transparent;
}

Best regards,
Ismael

Hi,

They are actually not the same. They set the actual container, not the background image, as a “fixed” element and change its position to “relative” once the scroll position is equal or higher than the view port height on scroll. You can do the same with the theme if you want to accomplish the same effect. Add two color sections, set both height minimum height to 100% of the browser height, add the background image to the second color section and then apply a unique Section ID to it –e.g., “fixed-section”. After that, add this script in the functions.php file.

add_action('wp_footer', 'avia_scroll_fixed_section', 9999);
function avia_scroll_fixed_section() {
    ?>
    <script>
        (function($) {
            $(document).ready(function () {
                var fixed = $('#fixed-section');

                function avia_scroll_fixed_section()
                {
                    set_status = function()
                    {
                        var st = $(window).scrollTop();
                        var h = $(window).height();

                        console.log(h, st);

                        if(st >= h)
                        {
                            fixed.addClass('fixed-section-arrived');   
                        } else {
                            fixed.removeClass('fixed-section-arrived');
                        }
                    };

                    $(window).on( 'scroll',  function(){ window.requestAnimationFrame( set_status )} );
                    set_status();
                }

                avia_scroll_fixed_section();
            });
        })(jQuery);
    </script>
    <?php
}

And this css code on the Quick CSS field:

#fixed-section {
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  width: 100%;
  position: fixed;
  height: 100vh;
  will-change: transform;
}

.fixed-section-arrived {
  position: static !important;
}

Don’t forget to remove the browser prior to checking the page.

Best regards,
Ismael

Hi,

Select the “portfolio_small” thumbnail of the “portfolio” and “post” custom post type. Again, you have to make sure that the “portfolio_small” thumbnail is selected in the portfolio grid options after regenerating the images.

Best regards,
Ismael

Hi,

Thanks for the update. This css code should change the color of the menu item bullet or arrow.

.header_color .avia-bullet {
    border-color: red;
}

Adjust the color value as needed.

Best regards,
Ismael

Hi,

We have added the code on the Quick CSS field and disabled the Performance > File Compression options temporarily. Please enable those back once you’re done with the site.

Best regards,
Ismael

Hey Kathy,

Thank you for using Enfold.

The mobile menu item is not being rendered inside the menu container. Did you update the whole theme? Please try to update it again manually via FTP.

// https://kriesi.at/documentation/enfold/how-to-install-enfold-theme/#update-via-ftp
// https://kriesi.at/archives/the-complete-guide-to-updating-enfold

Best regards,
Ismael

Hey webWahine,

Thank you for using Enfold.

1.) You have to adjust the “contents” parameter of the post slider object inside the archive.php file. More info here: https://kriesi.at/support/topic/categorytag-archive-show-read-more-text-link-and-2-columns-instead-of-3/#post-618056

2.) There should be some space between the entries by default but this css code overrides it.

@media only screen and (max-width: 989px) {
.responsive #top #wrap_all .flex_column {
    margin: 0px !important;
}
}

If you have any additional questions at this time we kindly ask that you open them up in a separate thread. The longer threads get in the forum, they become more difficult to support as they tend to drift off topic and they also make it troublesome for users trying to search for solutions. Keeping threads relevant to their original inquiry ensures that we can keep better track of what has been resolved and that users can more effectively find answers to similar issues they might be experiencing.

Thanks!

Best regards,
Ismael

Hi,

If you’re using Dude’s code, you should add the custom css class attribute to the color section element where the columns reside.
Or use the following css code and then apply the custom css class attribute to the column elements.

#top .product_animation {
  -webkit-animation: avia_msonry_show_mod 0.8s 1 cubic-bezier(0.175, 0.885, 0.320, 1.075); 
  animation: avia_msonry_show_mod 0.8s 1 cubic-bezier(0.175, 0.885, 0.320, 1.075);
}

/*pop up animation*/
@-webkit-keyframes avia_msonry_show_mod {
  0%   { -webkit-transform:translateZ(300px) translateY(200px) rotateX(-70deg); opacity: 0.1; }
  100% { -webkit-transform:translateZ(0px) translateY(0px) rotateX(0deg); opacity: 1; }
}
@keyframes avia_msonry_show_mod {
  0%   { transform:translateZ(300px) translateY(200px) rotateX(-70deg); opacity: 0.1; }
  100% { transform:translateZ(0px) translateY(0px) rotateX(0deg); opacity: 1; }
}

Best regards,
Ismael

Hi,

Thanks for the update.

We adjusted the code a bit. Please try it again.

add_action('wp_footer', 'ava_auto_resize');
function ava_auto_resize(){
?>
<script>
(function($){	
	$(document).ready(function() {
           $('#top div .avia-gallery img').addClass('avia_start_animation');

            var int = window.setInterval(function(){
                $(window).trigger('resize');
                $(window).trigger('av-content-el-height-changed');
            }, 2000);
        
            $(window).load(function () {
                setTimeout(function() {
                    clearInterval(int);
                }, 2000);
            });
        });
    })(jQuery);
</script>
<?php
}

Best regards,
Ismael

Hi,

The login credentials are invalid. Please check it carefully. Have you tried selecting a larger thumbnail before inserting the image?

Best regards,
Ismael

Hi,

Thanks for the update.

Try to edit the framework > php > function-set-avia-frontend.php file, look for this code around line 620:

$metadata = $attributes['loop'] == 1 ? 'preload="metadata"' : 'preload="auto"';

Replace it with:

$metadata = $attributes['loop'] == 1 ? '' : '';

Best regards,
Ismael1