Hey jaimemerz,

Thank you for the inquiry.

Are you trying to adjust the background of the space below the socket? Please try to use this css code.

.html_stretched #wrap_all {
    background-color: #999999;
}

#socket {
    height: 100px !important;
    z-index: 9999;
    position: relative;
    background: #999 url(//siliconvalleyandbeyond.com/wp-content/uploads/footer-2021.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 94%;
}

This should adjust the background color of the main wrapper and adjust the size of the #socket’s background image.

Best regards,
Ismael

Hey mvanstee,

Thank you for the inquiry.

Have you tried using the Color Section element? Insert the element color section at the location where the Product List element is currently situated, just above or below the product element, then move the product element inside the color section. You can then modify the color section and apply a background color to it by adjusting the settings in the Styling > Background Colors toggle. Let us know if this is what you looking for.

Best regards,
Ismael

Hi,

Thank you for the inquiry.

Which icon fonts are you trying to upload? Please note that not every icons in the flaticon site can be uploaded using the Iconfont Manager, only monocolored icon sets as described in the uploader section.

You can upload additional Iconfont Packages generated with Fontello or use monocolored icon sets from Flaticon. Those icons can then be used in your Layout Builder.

Best regards,
Ismael

Hi,

Thank you for the inquiry.

The speed of the typewriter effect is adjustable but you will have to modify it by editing the enfold/config-templatebuilder/avia-shortcodes/headline_rotator/headline_rotator.js file directly. Please look for this code around line 112.

var speed = 50; /* The speed/duration of the effect in milliseconds */

You may need to toggle or temporarily disable the Enfold > Performance > File Compression settings after adjusting the file.

Best regards,
Ismael

Hey Monika,

Thank you for the inquiry.

Have you tried using a larger or wider column, or decreasing the size of the rotator text? The text wraps to the next line because the line can no longer contain the characters. Decreasing the text size or using a wider column should ensure that the whole sentence can be contained in the same line. You can adjust the position of the rotator element in the Styling > Font Sizes toggle.

To adjust the style of the rotator text, please try this css code.

.av-rotator-text {
    font-family: inherit;
    font-weight: 300;
}

Let us know if there’s anything else we can help you with.

Best regards,
Ismael

Hey Munford,

Thank you for the inquiry.

This is actually an old issue with the gallery element which has been fixed in the latest version of the theme. Please try to upgrade the theme from version 4.8.9 to version 5.2.1, toggle or temporarily disable the Enfold > Performance > File Compression settings, purge the cache, then test the page again. Let us know if the issue persist after the upgrade.

Best regards,
Ismael

Hey diefleischerei,

Thank for the question.

You can try this css code to adjust the style of the comments including the font size.

#top .comment_text {
    clear: both;
    font-size: 1.3em;
    padding: 0 0 15px 0;
    border: none;
}

Please make sure toggle or temporarily disable the Enfold > Performance > File Compression settings after adding this modification.

Best regards,
Ismael

Hi,

Sorry for the delay. The private posts are displaying correctly in the blog page when we checked the site again. How did you fix the issue?

Best regards,
Ismael

Hi Colin,

We can see the site but we can’t get in to the dashboard using the same credentials. Please create an admin account for the staging site so that we can check the issue further.

Thank you for your patience.

Best regards,
Ismael

Hey TT2495,

Thank you for the inquiry.

Where can we check the issue? Please create a staging or a development version of the site so that we can check the issue properly, and provide the login details in the private field. Screenshots of the issue will also help.

Best regards,
Ismael

Hey Siracher,

Thank you for the inquiry.

You can try this css code to adjust the size of the diagonal container on wider screens.

@media only screen and (min-width: 2040px) {

  /* Add your Desktop Styles here */
  .avia_transform .av-extra-border-element.border-extra-diagonal .av-extra-border-inner {
    top: 450px;
  }

  .avia_transform .av-extra-border-element.border-extra-diagonal {
    height: 450px;
    margin-top: -250px;
  }
}

Screenshot: https://1drv.ms/u/s!AjjTfXSRbKTvy2VVHOVV-tvi8X0i?e=mK27Um

What is the actual screen resolution of your monitor? We don’t have a 35″ monitor, so we just zoomed the browser out to emulate a larger screen resolution.

Best regards,
Ismael

Hey Margrubi,

Thank you for the inquiry.

The filters are not displaying because there are no variable products in the shop page. You have to create a few product attributes and create product variations based on the attributes. For more info, please check the following documentation.

// https://woocommerce.com/document/variable-product/

Best regards,
Ismael

Hi,

Thank you for the update.

Have you tried disabling the flags from the Enfold > Header > Extra Elements panel? Please look for the Enfold WPML Language Flags (Global Setting) and adjust it accordingly.

this code: is not working.

You can try this instead.

add_action('after_setup_theme','avia_remove_main_menu_flags', 9999);
function avia_remove_main_menu_flags() {
	remove_filter( 'wp_nav_menu_items', [ avia_WPML(), 'handler_append_lang_flags' ], 9999, 2 );
	remove_filter( 'avf_fallback_menu_items', [ avia_WPML(), 'handler_append_lang_flags' ], 9999, 2 );
}

Or as we mentioned above, the flag settings can be adjusted from the Extra Elements panel.

Best regards,
Ismael

Hey navindesigns,

Thank you for the inquiry.

You can add this script in the functions.php file to adjust the height of grid content based on tallest item.

// adjust grid height
function ava_custom_script_grid_height()
{
    ?>
    <script type="text/javascript">
        (function($) {
            function adjustGridHeight() {
                var maxHeight = -1;

                $('.grid-sort-container').each(function() {
                    var content = $(this).find('.grid-content');
                    content.css('height', 'auto');
                    maxHeight = maxHeight > content.height() ? maxHeight : content.height();
                    content.height(maxHeight + 20);
                });
            }

            $(window).on('debouncedresize', function() {
                adjustGridHeight();
            });
        })(jQuery);
    </script>
    <?php
}
add_action( 'wp_footer', 'ava_custom_script_grid_height', 9999 );

Then add this css code to align the read more buttons at the bottom of the grid content container.

.excerptReadMore {
    position: absolute;
    bottom: 20px;
}

.grid-content {
    padding-bottom: 70px;
}

Best regards,
Ismael

Hi,

No problem! Glad we could be of help. Please feel free to open another thread if you have more questions about the theme.

Have a nice day.

Best regards,
Ismael