Hi,

Great! Glad to know that it’s fixed. Please don’t hesitate to open another thread if you have more questions about the theme.

Have a nice day.

Best regards,
Ismael

Hi,

Thank you for the link.

The border is visible when we checked. Please check the screenshot in the private field. To create some space between the widget and the border, please update the css code:

#footer .flex_column.first {
    border-right: 1px solid rgba(255,255,255,.3);
    padding-right: 50px;
}

Best regards,
Ismael

Hey xfacta,

Thank you for the inquiry.

You can move the Special Heading element to a Column element and apply the background to it. Edit the column, then go to the Styling > Background panel and adjust the options accordingly.

Best regards,
Ismael

Hi,

No problem! Glad we could be of help. If you have more questions, please feel free to open another thread.

Have a nice day.

Best regards,
Ismael

Hi,

Thank you for the update.

The maximum width of the #katalog_color_section container has not been adjusted or set. Please add the following css code:

#katalog_color_section .container {
    max-width: none;
    padding: 0;
}

Best regards,
Ismael

Hey Bernd,

Thank you for the inquiry.

The Lightbox Modal Window option under Enfold > Theme Options was disabled when we checked. We have re-enabled this option. Please make sure to purge the cache before checking the images.

Best regards,
Ismael

Hi,

Thank you for the update.

Did you apply the text-block-dark-background or the text-block-light-background class name in the Advanced > Developer Settings > Custom CSS Class field? Please check the documentation below for more info:

// https://kriesi.at/documentation/enfold/add-custom-css/#enable-custom-css-class-name-support

Best regards,
Ismael

Hi,

Thank you for the update.

You can include this css code to adjust the style of the read more link:

.html_elegant-blog .avia-content-slider .read-more-link {
    font-size: 12px;
    padding: 4px;
}

.html_elegant-blog .more-link {
    margin: 30px auto 20px auto;
    clear: both;
    width: 180px;
    border-style: solid;
    border-width: 1px;
    padding: 5px 0;
    border-radius: 2px;
}

Best regards,
Ismael

Hey edwinalban,

Thank you for the inquiry.

We deactivated the Gutenberg plugin. This plugin is no longer necessary because the block editor is already included in the core. You can toggle it in Enfold > Theme Options > Select Your Editor settings. This also fixed the issue with the Advance Layout Builder.

Best regards,
Ismael

Hey aram,

Thank you for the inquiry.

Where is the site hosted? You may need to import the demo manually using the XML files. Please check the link below for more info:

// https://kriesi.at/documentation/enfold/import-demos/#how-to-manually-import-a-theme-demo

- Download the zip file of the demo you would like to import from https://github.com/KriesiMedia/enfold-library/tree/master/demos

 - Extract it in \uploads\avia_demo_files\ folder. If you are importing Enfold 2017 demo, files should be extracted inside \enfold-2017\ so it should look as \uploads\avia_demo_files\enfold-2017\

- Go to Tools > Import > WordPress Importer panel, then upload the xml files. 

Best regards,
Ismael

Hey MORTULGAAH,

Thank you for the inquiry.

You can try the following solution to adjust the width of the color section container: https://kriesi.at/documentation/enfold/color-section/#color-section-with-100-content-width

Best regards,
Ismael

Hey Guenter,

Thank you for the inquiry.

You can try to override the entire avia_sc_toggle with your own modifications. In the modified code below, we adjusted the duration from 200 to 10000.

function ava_custom_script_toggles()
{
    ?>
    <script>
        (function ($)
        {
            $(document).ready(function ()
            {
                if ($.fn.avia_sc_toggle)
                {
                    $.fn.avia_sc_toggle = function (options)
                    {
                        var defaults =
                        {
                            single: '.single_toggle',
                            heading: '.toggler',
                            content: '.toggle_wrap',
                            sortContainer: '.taglist'
                        };

                        var win = $(window),
                            options = $.extend(defaults, options);

                        return this.each(function ()
                        {
                            var container = $(this).addClass('enable_toggles'),
                                toggles = $(options.single, container),
                                heading = $(options.heading, container),
                                allContent = $(options.content, container),
                                sortLinks = $(options.sortContainer + " a", container),
                                preview = $('#av-admin-preview');

                            //	needed to avoid scroll to top when opening and closing toggles - can be removed when other solution found (readded @since 4.8.4.1)
                            var activeStyle = '',
                                headingStyle = '';

                            heading.each(function (i)
                            {
                                var thisheading = $(this),
                                    content = thisheading.next(options.content, container);

                                function scroll_to_viewport()
                                {
                                    //check if toggle title is in viewport. if not scroll up
                                    var el_offset = content.offset().top,
                                        scoll_target = el_offset - 50 - parseInt($('html').css('margin-top'), 10);

                                    if (win.scrollTop() > el_offset)
                                    {
                                        $('html:not(:animated),body:not(:animated)').animate({ scrollTop: scoll_target }, 200);
                                    }
                                }

                                if (content.css('visibility') != "hidden")
                                {
                                    thisheading.addClass('activeTitle').attr('style', activeStyle);
                                }

                                thisheading.on('keydown', function (objEvent)
                                {
                                    if (objEvent.keyCode === 13)  // if user presses 'enter'
                                    {
                                        thisheading.trigger('click');
                                    }
                                });

                                thisheading.on('click', function ()
                                {
                                    if (content.css('visibility') != "hidden")
                                    {
                                        content.slideUp(10000, function ()
                                        {
                                            content.removeClass('active_tc').attr({ style: '' });
                                            win.trigger('av-height-change');
                                            win.trigger('av-content-el-height-changed', this);

                                            if (preview.length == 0)
                                            {
                                                location.replace(thisheading.data('fake-id') + "-closed");
                                            }
                                        });

                                        thisheading.removeClass('activeTitle').attr('style', headingStyle);

                                    }
                                    else
                                    {
                                        if (container.is('.toggle_close_all'))
                                        {
                                            allContent.not(content).slideUp(200, function ()
                                            {
                                                $(this).removeClass('active_tc').attr({ style: '' });
                                                scroll_to_viewport();
                                            });

                                            heading.removeClass('activeTitle').attr('style', headingStyle);
                                        }

                                        content.addClass('active_tc');

                                        setTimeout(function ()
                                        {
                                            content.slideDown(200, function ()
                                            {
                                                if (!container.is('.toggle_close_all'))
                                                {
                                                    scroll_to_viewport();
                                                }

                                                win.trigger('av-height-change');
                                                win.trigger('av-content-el-height-changed', this);
                                            });

                                        }, 1);

                                        thisheading.addClass('activeTitle').attr('style', activeStyle);

                                        if (preview.length == 0)
                                        {
                                            location.replace(thisheading.data('fake-id'));
                                        }
                                    }
                                });
                            });

                            sortLinks.on('click', function (e)
                            {
                                e.preventDefault();

                                var show = toggles.filter('[data-tags~="' + $(this).data('tag') + '"]'),
                                    hide = toggles.not('[data-tags~="' + $(this).data('tag') + '"]');

                                sortLinks.removeClass('activeFilter');
                                $(this).addClass('activeFilter');
                                heading.filter('.activeTitle').trigger('click');
                                show.slideDown();
                                hide.slideUp();
                            });

                            function trigger_default_open(hash)
                            {
                                if (!hash && window.location.hash)
                                {
                                    hash = window.location.hash;
                                }

                                if (!hash)
                                {
                                    return;
                                }

                                var open = heading.filter('[data-fake-id="' + hash + '"]');

                                if (open.length)
                                {
                                    if (!open.is('.activeTitle'))
                                    {
                                        open.trigger('click');
                                    }

                                    window.scrollTo(0, container.offset().top - 70);
                                }
                            }

                            trigger_default_open(false);

                            $('a').on('click', function ()
                            {
                                var hash = $(this).attr('href');
                                if (typeof hash != "undefined" && hash)
                                {
                                    hash = hash.replace(/^.*?#/, '');
                                    trigger_default_open('#' + hash);
                                }
                            });

                        });
                    };
                }
            });
        })(jQuery);
    </script>
    <?php
}
add_action('wp_footer', 'ava_custom_script_toggles');

Best regards,
Ismael

Hi,

Great! Glad to know that this has been resolved. Please feel free to open another thread if you have more questions about the theme.

Have a nice day.

Best regards,
Ismael

Hi,

Thank you for the inquiry.

I have a separator between the sections, but it is set to not show on small screen.

This automatically creates another generic color section, which creates the huge space even if the separator is set to be hidden on mobile view. You can manually add another color section, place the separator there, and then set this color section’s visibility accordingly.

Best regards,
Ismael

Hi,

Thank you for the update.

We couldn’t find the css rule for the zooming effect when we checked the site. Please try adding it again, or post the login details in the private field so that we can test it properly.

Best regards,
Ismael