Hi,
Glad that you have sorted it out using width: 100vw; height: 100vh
The javascript option above only works on same domain iframes
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,

Thank you for the update.

You can use this css code to adjust the style of the button.

#top .hr.hr-invisible.av-2d6n9il-41fb061c500273b2b0ba4e2d011be596 + .avia_codeblock_section .avia_codeblock .dropdown {
    display: flex;
    min-height: 48px;
    justify-content: center;
}

#top .hr.hr-invisible.av-2d6n9il-41fb061c500273b2b0ba4e2d011be596 + .avia_codeblock_section .avia_codeblock .dropdown .avia_button_icon {
    padding-left: 0;
    margin-right: 10px;
}

If you want to target the text block element directly, try to apply a unique css class name to it. Please check the link below for more info:

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

Best regards,
Ismael

Hey igaade,

Thank you for the inquiry.

Have you tried purging the cache? You should also check if the Maintenance Mode option is disabled in the Enfold > Theme Options panel. Please provide the site URL in the private field so that we can check the site further.

Best regards,
Ismael

Hi,

I like to know: have file names always been changed after updating a plugin? Or is this something that’s happening since a recent Enfold update?

The theme adds timestamps to the merged files and this changes when the files are updated. If you want to test it without the timestamps, go to the Enfold > Performance panel, toggle the Show Advanced Options, then adjust the Unique Timestamp Of Merged Files And WP Object Cache Bug accordingly. Please make sure to read the description before proceeding.

Best regards,
Ismael

Hey joschro,

Thank you for the inquiry.

Have you tried adjusting the color values in the Enfold > General Styling > Main Content tab? To adjust the default font size of the body text, go to the General Styling > Typography tab, then adjust the values of the Default Content Font Size.

Best regards,
Ismael

Hey Jason,

Thank you for the inquiry.

You can apply a custom css class name (e.g., av-custom-column-width) to the column element, and manually specify its maximum width with css.

.av-custom-column-width {
   max-width: 400px;
}

Please check the link below for more info on how to apply custom css to the builder elements:

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

Best regards,
Ismael

Hi,

Thank you for the inquiry.

The color field is visible on our end. We manually specified the color as #fcf7f2 and updated the page accordingly. Please let us know if this is the correct color.

If you can’t see the color field, try to toggle the element preview in the Enfold > Layout Builder > Disable Advanced Layout Builder Preview In Backend option.

Best regards,
Ismael

Hi,
Ok, since you have it installed you are certainly correct, I have not looked at WPFC for quiet a while, nonetheless I think you get my general points about issues when you have multiple things minifing, compressing, & merging the same files, it’s just something to keep in mind.
Anyways glad that this is sorted out, 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,
Thanks for the login, I see that your Advanced Layout Builder post has a three image easy slider element and I believe this is an example of what you want to add to plain WordPress posts, so I cloned one of your plain posts as an example, linked below.
Then I used the shortcode wand to add a slider:

when it opens it looks just like the ALB element, just add your images like normal:

when you save the element you will see the shortcode:

then save your page, on the frontend you will see the slider:

Please give this a try.

Best regards,
Mike

Hey calebcuster,
Unfortunately the Animated Countdown element datepicker will not allow you to choose a past date so this will not work, the post that you linked to was from 2015.
Instead try this shortcode count up clone, add this code to the end of your child theme functions.php file in Appearance ▸ Editor or if you are not using a child theme you could use the WP Code plugin then add a new snippet, in the top right corner use the PHP snippet as the code type:

then add this code and save.

function wp_custom_countup_shortcode($atts) {
    // Extract shortcode attributes
    $a = shortcode_atts(array(
        'date' => '2020-01-01', // Default date
        'color' => 'black', // Default font color
        'background' => 'white', // Default background color
        'offset' => '0', // Default timezone offset in hours
    ), $atts);

    $uid = uniqid('countup_');

    // Enqueue jQuery if it's not already included
    wp_enqueue_script('jquery');

    // Output HTML
    $html = "<div id='{$uid}'  class='av-countdown-timer-inner'>
                <span class='av-countdown-cell av-align-center'><span class='av-countdown-cell-inner' style='color: {$a['color']}; background-color: {$a['background']};'><span class='av-countdown-time weeks'></span><span class='av-countdown-time-label'>Weeks</span></span></span>
<span class='av-countdown-cell av-align-center'><span class='av-countdown-cell-inner' style='color: {$a['color']}; background-color: {$a['background']};'><span class='av-countdown-time days'></span><span class='av-countdown-time-label'>Days</span></span></span>
<span class='av-countdown-cell av-align-center'><span class='av-countdown-cell-inner' style='color: {$a['color']}; background-color: {$a['background']};'><span class='av-countdown-time hours'></span><span class='av-countdown-time-label'>Hours</span></span></span>
<span class='av-countdown-cell av-align-center'><span class='av-countdown-cell-inner' style='color: {$a['color']}; background-color: {$a['background']};'><span class='av-countdown-time minutes'></span><span class='av-countdown-time-label'>Minutes</span></span></span>
<span class='av-countdown-cell av-align-center'><span class='av-countdown-cell-inner' style='color: {$a['color']}; background-color: {$a['background']};'><span class='av-countdown-time seconds'></span><span class='av-countdown-time-label'>Seconds</span></span></span>
             </div>";

    // Adjust the current time for the timezone offset
    $offsetMilliseconds = $a['offset'] * 3600 * 1000; // Convert hours to milliseconds

    // JavaScript to update the countdown
    $html .= "<script>
                jQuery(function($) {
                    var countUpDate = new Date('{$a['date']}').getTime();
                    var x = setInterval(function() {
                        var now = new Date().getTime() + {$offsetMilliseconds}; // Adjust for timezone offset
                        var distance = now - countUpDate;
                        var weeks = Math.floor(distance / (1000 * 60 * 60 * 24 * 7));
                        var days = Math.floor((distance % (1000 * 60 * 60 * 24 * 7)) / (1000 * 60 * 60 * 24));
                        var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
                        var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
                        var seconds = Math.floor((distance % (1000 * 60)) / 1000);
                        
                        $('#{$uid} .weeks').text(weeks);
                        $('#{$uid} .days').text(days);
                        $('#{$uid} .hours').text(hours);
                        $('#{$uid} .minutes').text(minutes);
                        $('#{$uid} .seconds').text(seconds);
                    }, 1000);
                });
              </script>";

    return $html;
}
add_shortcode('custom_countup', 'wp_custom_countup_shortcode');

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
Then use this shortcode on the page to display:
[custom_countup date="2024-03-10" color="#fff" background="#000" offset="-4"]
the first attribute is the date in the past, then the font color, then the cell background color, and then the time offset, this is the difference between your server time and the time you want to use, since our servers are not always in the same timezones as we are. The default is zero if you don’t add this attribute.
This is the result:

This uses the same classes as the countdown element so the style is pretty close, here is what the two together look like:

Best regards,
Mike

Hi,
Your screenshot of the accordion color options do not look correct, your element seem to be missing the manual color input, this is how it should look:

Try disabling any plugins, and if that doesn’t help include a admin login in the Private Content area so we can examine.

Best regards,
Mike

Hi,
The the problem with your overlay was that it is under the background image:

I moved it on top of your background image so you can see it on the frontend:

Please clear your browser cache and check.

Best regards,
Mike

Hi,
Thanks for the login, I found that you had the font size set to 13px:

since the demo uses 16px, I changed it for you, please clear your browser cache and check and if you want it larger please adjust.

Best regards,
Mike

Hi,
Windows in Chrome, Firefox, Brave & Edge: it looks good to me:

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,
I don’t spot any missing images on your page, you write that the top left image is missing but I see it:

this matches the frontend:

The text is an image so I assume that is what you are talking about it, but let’s assume that you also want a background image in the cell, behind the text image, then we see there is not one in the cell settings, so feel free to add one:

When I look at the rest of the page I don’t see any empty placeholders or and image 404’s so perhaps if you still see the missing images you could take a screenshot and point to it.
Thank you for your patience with us.

Best regards,
Mike

Hi,
I installed the Freelancer demo for you, please check.
Unfortunately it won’t do any good to ask OVH, other users have been asking for over four years.
Nonetheless, we try to help where we can, but if you want to install more demos I recommend creating a localhost WordPress install and import the demo and then use the plugin Duplicator and migrate your localhost version to your webhost, see the video on the plugin page if you have not used this plugin before, it is quite easy.
Please note that you should not install multiple demos over each other because each demo overwrites the theme settings, if you want to add a page from another demo try installing it on a localhost and Enable the Avia Layout Builder Debugger then you will see a special field in the editor where you can copy the shortcode for the whole page and paste into a new page on your site.

Best regards,
Mike

Hey gatehealing,
I see that you are getting a javascript error, try disabling Enfold Theme Options ▸ Performance ▸ JS & CSS file merging and compression and enable Enfold Theme Options ▸ Performance ▸ Delete old CSS and JS files then clear your device cache a few times and check again.
Please note that testing with iPads & iPhones can be hard to clear the cache, often you need to also clear the history to fully purge the cache, following these steps for Safari and note Step 4 where you will Clear the History.

Best regards,
Mike

Hey webmaintain,
A theme update will override the enfold/functions.php
We recommend using a child theme or you could use the WP Code plugin when you add a new PHP snippet, look in the top right corner to use the PHP snippet as the code type:

Best regards,
Mike

Hi,
Ok, I’ve not heard of this before but it was causing the issue, nonetheless 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,
Thanks for the link to your site, you are using a very old version of the theme v4.4.1 so you must update to v5.6.10
Before doing so I recommend that you create a full backup with your webhost backup tools, not a backup plugin, then to update your version of Enfold you will need to download the latest installable WP version from your Theme Forest account and upload it to your WordPress ▸ Appearance ▸ Themes ▸ Add Themes ▸ Add New

after you choose the zip file and click install, you will see a This theme is already installed message because you are updating, you can continue

then you will see the Theme updated successfully message.

Best regards,
Mike

Hi,
Glad Ismael 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 micheladalcastagne,
Thanks for your patience and the link to your site, I don’t have a lot experience with the polylang plugin, first I noted that your homepage in both languages are named the same so I added the language code to them to sort them out in the theme options because your site domain is showing as a EN language and thus your menu is EN when you want it to be IT:

so now we can sort it out a little better:

Then going to the Languages ▸ Settings I found that you seem to need to choose the language from above before setting the options:

So now I have the menu language to match the page language along with the correct flag.

Now for your second issue where when you are on the /privacy-policy/ page you can use the menu items to get back to your homepage because all of your menu items are only hash links.
Since you are not using a child theme I installed the WP Code plugin then added a new snippet, in the top right corner use the PHP snippet as the code type:

then added this code, I also created two new menus for you, one for each /privacy-policy/ page with the full urls to the homepage.

add_filter( 'wp_nav_menu_args', 'ppen_nav_menu_args' );
function ppen_nav_menu_args( $args = '' ) {
if($args['theme_location'] === 'avia') {
if( is_page( 627 ) ) {
$args['menu'] = '25';
}
return $args;
}
}

add_filter( 'wp_nav_menu_args', 'ppit_nav_menu_args' );
function ppit_nav_menu_args( $args = '' ) {
if($args['theme_location'] === 'avia') {
if( is_page( 3 ) ) {
$args['menu'] = '24';
}
return $args;
}
}

Now each /privacy-policy/ page has a working menu to the correct homepage.
Best regards,
Mike

Hey keep12,
Thanks for the screenshots, you have one were the css has not been merged with the theme option Enfold Theme Options ▸ Performance ▸ JS & CSS file merging and compression
grupooneair.com

and one were the js has not been merged with the theme option Enfold Theme Options ▸ Performance ▸ JS & CSS file merging and compression
oneair.es

but nonetheless they both get a A+ score.
Then you have one were the both css & js has not been merged with the theme option Enfold Theme Options ▸ Performance ▸ JS & CSS file merging and compression so it gets a C rating
grupooneair.com

WP Rocket can cause issues if you use bothe the theme compression & WP Rocket minifying and compression, some users opt to use only the WP Rocket settings, I don’t use WP Rocket so I can’t advise, you should experiment with what gives you the best results, from your screenshots the first two seem the best, so use those.

Best regards,
Mike

Hi,
Sorry for any inconvenience this may have caused, in 2020 the Dev team had tried to include info about the limitation of websafe fonts not necessarily installed on every device by adding this to the theme:

use websave fonts (faster rendering, but not mandatory installed on all devices)

I have notified the Dev Team about your thread for them to review and make an adjustment, thank you for pointing out that it is not as clear as we had intended.
In my research these seem to be the fonts that seem to be available by default on IOS & Windows:

Arial (sans serif)
Times New Roman (serif)
Verdana (sans serif)
Courier New (monospace)
Georgia (serif)
Impact (sans serif)
Trebuchet MS (sans serif)

Thanks for your patience and understanding.

Best regards,
Mike

Hi,
For the “sides” section, you have four 1/4 columns, the outer two are empty and the inner two have content:

so on mobile you see:

so you will want to set the two empty columns to not show on mobile at Column ▸ Advanced ▸ Responsive ▸ Mobile display:

I did this for you and now it shows like this:

Best regards,
Mike

Hi,
To change the number of grid columns on a archive page, such as categories, edit your \wp-content\themes\enfold\archive.php on line 69 look for ‘columns’ => 3; and change to the number you wish:

You can copy the modified file to your child theme if you wish.

Best regards,
Mike