Hey Alwin,

Enfold’s font uploader does not support variable fonts at the moment. Our devs said that they will look into it. We will post the updates here :)

In the meantime, if you would like to use a work around, following works for me:
– Download variable font from Google
– Upload it on your server
– Add following code to Enfold theme options > General Styling > Quick CSS

@font-face { 
     font-family: 'Mulish';
     src:    url('/uploads/avia_fonts/type_fonts/mullish/Mulish-VariableFont_wght.ttf') format('truetype');
}

– Set font family using CSS

Regards,
Yigit

Hi,
Thanks for the logins, I found that your parent theme was in an extra directory /enfold/enfold/ so the child theme couldn’t find the files of the parent theme, I corrected and activated your child theme.
I noticed in WordPress ▸ Dashboard ▸ Tools ▸ Site Health your PHP version is 7.3.33 and the minimum recommended version for WordPress is v7.4, please ask your webhost to update this for you.

Best regards,
Mike

Hi,

You are welcome! :)

For your information, you can take a look at Enfold documentation here – https://kriesi.at/documentation/enfold/

If you have any other questions or issues, feel free to start a new thread under Enfold sub forum and we will gladly try to help you :)

Enjoy the rest of your day!

Best regards,
Yigit

Hey sroetheli,

Thank you for the inquiry.

You can adjust the style of the burger menu items in the Enfold > Advanced Styling panel. Look for the Menu Links in overlay/slide out in the dropdown, insert it, then adjust its style.

You can also use this css code.

.html_av-overlay-side #top #wrap_all .av-burger-overlay li a {
    line-height: 1.3em;
    height: auto;
    padding: 15px 50px;
    display: block;
    text-align: left;
    text-decoration: none;
    font-size: 20px;
}

Best regards,
Ismael

Hey j0schi,

Thank you for the inquiry.

The theme sets the product thumbnail size to 450x450px by default but you can use this filter in the functions.php file to revert the product thumbnail settings back to default.

add_filter( 'avf_wc_before_shop_loop_item_title_img_size', 'avf_wc_before_shop_loop_item_title_img_size_mod', 10, 1 );
function avf_wc_before_shop_loop_item_title_img_size_mod( $thumbnail_size ) {
    return 'woocommerce_thumbnail';
}

Related threads:

// https://kriesi.at/support/topic/bug-in-enfold-for-woocommerce-prduct-images/
// https://kriesi.at/support/topic/woocommerce-product-image-size-bug/

Best regards,
Ismael

Hi,

Thank you for the inquiry.

Where did you add the strong tag? The issue might have occurred because you forgot to close the span tag.

<span class="headerinoverlay">TEXT ||MISSING CLOSING TAG HERE||

Have you tried to manually edit the shortcode from the shortcode field? You have to set the Advance Layout Builder (ALB) to debug mode first.

// https://kriesi.at/documentation/enfold/intro-to-layout-builder/#debug-mode

Best regards,
Ismael

Hi,

You can try the Coverage tab in Chrome Devtools but this will return all css that are not active or css rules that are only used when a specific setting is enabled and it will only capture unused code in the current page.

If you ran the tool in the home page of the default Enfold demo for example, the code below will be captured as unused if the Enfold > General Layout > Stretched Or Boxed Layout settings is set to Stretched Layout.

html.html_boxed {
    background: #ffffff center center repeat scroll;
}

Please check the link below for more info.

// https://developer.chrome.com/docs/devtools/coverage/

You can also try WPRocket > Activate Remove Unused CSS. Make sure to create a site backup or a restore point before enabling it.

// https://www.wpbeginner.com/wp-tutorials/how-to-remove-unused-css-in-wordpress-the-right-way/

Best regards,
Ismael

Hey engage24,
I achieved this by adding 5 color sections each with a custom class of: white, blue, red, yellow, and purple and each with a height of 100% with a special heading for reference:

then I added this css:

.turn-white {    
background-color: #fafaf8;
} 
.turn-blue {    
background-color: #3860be;
}   
.turn-red {    
background-color: #c7102a;
transition: background-color .5s ease;
}    
.turn-yellow {    
background-color: #ffa100;
}    
.turn-purple {    
background-color: #2b1378;
}

and added this script to the end of your child theme functions.php file in Appearance ▸ Editor:

function waypoint_change_background_color_scroll() { ?>
  <script>
window.addEventListener('DOMContentLoaded', function() {
  (function($){
    var $sections = $('.avia-section');
    var $white = $(".white");
    var $blue = $(".blue");
    var $red = $(".red");
    var $yellow = $(".yellow");
    var $purple = $(".purple");
    

    $white.waypoint(function(direction) {
      if (direction === 'down') {
         $sections.addClass('turn-white');
         $sections.removeClass('turn-purple');
      }
      if (direction === 'up') {
      	$sections.removeClass('turn-white');
      	$sections.addClass('turn-purple');
      }
    }, {
      offset: '50%'
    });
    $blue.waypoint(function(direction) {
      if (direction === 'down') {
         $sections.addClass('turn-blue');
         $sections.removeClass('turn-white');
      }
      if (direction === 'up') {
      	$sections.removeClass('turn-blue');
      	$sections.addClass('turn-white');
      }
    }, {
      offset: '50%'
    });
    $red.waypoint(function(direction) {
      if (direction === 'down') {
         $sections.addClass('turn-red');
         $sections.removeClass('turn-blue');
      }
      if (direction === 'up') {
      	$sections.removeClass('turn-red');
      	$sections.addClass('turn-blue');
      }
    }, {
      offset: '50%'
    });
    
    $yellow.waypoint(function(direction) {
      if (direction === 'down') {
         $sections.addClass('turn-yellow');
         $sections.removeClass('turn-red');
      }
      if (direction === 'up') {
      	$sections.removeClass('turn-yellow');
      	$sections.addClass('turn-red');
      }
    }, {
      offset: '50%'
    });
    
    $purple.waypoint(function(direction) {
      if (direction === 'down') {
         $sections.addClass('turn-purple');
         $sections.removeClass('turn-yellow');
      }
      if (direction === 'up') {
      	$sections.removeClass('turn-purple');
      	$sections.addClass('turn-yellow');
      }
    }, {
      offset: '50%'
    });
 
  })(jQuery);
});
 </script>
  <?php
}
add_action('wp_footer', 'waypoint_change_background_color_scroll');

See my demo page here.

Best regards,
Mike

Hi,
Glad Rikard could help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hey Christy,
Thanks for the link to your site, I see that you are using v4.7.6.4, you may wish to update to v5.1.2.
The issue with your footer columns is that the 1/4 columns have a width of 24.5% where they should have a with of 20.5%
Please check your custom css for this, or try this css in Enfold Theme Options ▸ General Styling ▸ Quick CSS field

#footer .av_one_fourth {
    margin-left: 6%;
    width: 20.5%;
}
#footer .first.av_one_fourth {
    margin-left: 0%;
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
Thanks for the feedback, yes, using a separate WordPress and Enfold theme there will allow you to have a holding page there.

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hi,
As I understand your question, your activate domain should remain visible, and you have wordpress with a theme installed there “test.com”
your development site should show the “comimg soon” page while you are working on it, and a separate wordpress with Enfold is installed there “test.com/new”
in this case the “comimg soon” page will not interfere with your activate domain.

Best regards,
Mike

Hi,

LayerSlider 7.3.0 is bundled with the current version of the theme, which version of the theme are you running? If it’s not 5.1.2, then please update to that: https://kriesi.at/documentation/enfold/how-to-install-enfold-theme/#theme-update.

Best regards,
Rikard

Hi,

Thanks for letting us know, I’ll close this thread for now then. Please open a new thread if you should have any further questions or problems.

Best regards,
Rikard

Hi,

Thanks for letting us know, I’ll go ahead and close this thread for now then. Please open a new thread if you should have any further questions or problems.

Best regards,
Rikard