Hey Tim,
I’m not seeing your issue when I check your page, perhaps a screenshot would help.

Best regards,
Mike

Hey janssen-media,
I can not reproduce on Android or in Dev Tools in emulator.
What OS and browser are you using?

Best regards,
Mike

Hi,
When I test your script iframe “header” “body” tags are empty, so the iframe is not loading.
I don’t know why. I don’t see any errors.

Best regards,
Mike

Hey Munford,
Unfortunately, I’m not seeing the issue, perhaps a screenshot would help.

Best regards,
Mike

Hey mzima,
Please provide a admin login and a link to the page so we can examine.
typically, the attachment ID’s need to be separated with comma in the custom field.

Best regards,
Mike

Hey betaphase,
We don’t have a conditional method, I believe that there is a css solution to count the items and apply the css if there is only one item, but we will need to see two examples, for one item and another for more.
Otherwise this will need to be a Github Feature Request

Best regards,
Mike

Hey Bernd,
It looks like you have this custom css:

nav a {
    color: rgb(255, 255, 255) !important;
    background-color: rgb(0, 98, 54) !important;
}

try removing the background color.

Best regards,
Mike

Hey tribaleye13,
Please link to your site and possibly a admin login so we can examine.

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

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 Freek,
I see you have the error: Uncaught TypeError: $ is not a function
your top half of the code is javascript, but the second half is jQuery which needs to be wrapped with this:

(function($) {
//your code here
})(jQuery);

like this:

<style>
.bootstrap .player-selection-ul li.player-selection-li{
padding: 6px 15px;
line-height: 1;
}
</style>
<link href="https://nl.escapeall.com/Content/API/styles.css" rel="stylesheet">
<link href="https://nl.escapeall.com/CustomCss/fun-thrills.css" rel="stylesheet">
<script type="text/javascript">
function updatePlayersOptions(element) {
    var jThis = ea_jQuery(element);
    const selectedLanes = parseInt(jThis.find('option:selected').data('quantity')) || 0;
    const maxPlayers = selectedLanes * 6;
    jThis.closest(".alert-reservation-added").find('.extra-options-row-2 option').each(function () {
        const playerCount = parseInt(ea_jQuery(this).val()) || 0;
        if (playerCount > maxPlayers) {
            ea_jQuery(this).prop('disabled', true).hide();
        } else {
            ea_jQuery(this).prop('disabled', false).show();
        }
    });
}
(function($) {
$(document).ready(function() {
$.getScript("https://nl.escapeall.com/Scripts/API/all.js", function (data, textStatus, jqxhr) {
GetBookingCalendra('#BookingId', {
        ServiceId: ['23fa314b-449e-4881-9b8d-3674fa6bdeab'],
        lang: 'nl',
        Template: 9,
        QuantitySelectionAsPlayers: true,
        FirstWeekDay: 'Monday',
        InitialQuantity: 1,
        successReservationSelected: function (reserv) {
            console.log('hello');
        },
        success: function () {
            ea_jQuery('.choose-player-panel h4').text('Aantal banen');
            ea_jQuery('.service-time-selection-panel h4').text('Tijd en Prijs');
            ea_jQuery('.player-selection-ul li[data-quantity="1"]').html('1<br/><small>1-6 spelers</small>');
            ea_jQuery('.player-selection-ul li[data-quantity="2"]').html('2<br/><small>2-12 spelers</small>');
            ea_jQuery('.player-selection-ul li[data-quantity="3"]').html('3<br/><small>3-18 spelers</small>');
            ea_jQuery('.player-selection-ul li[data-quantity="4"]').html('4<br/><small>4-24 spelers</small>');
            ea_jQuery('.service-time-selection-panel h4').text(' Activiteit en tijd');
            ea_jQuery(document).on('change', '.multiple-reservation-price', function (e) {
                updatePlayersOptions(this);
            });
        },
        successReservationSelected: function (toBeAppended) {
            updatePlayersOptions(ea_jQuery(".multiple-reservation-price", toBeAppended));
        }
    });
});
});
})(jQuery);
</script>
<div id="BookingId"></div>
<div class="escapeall">Booking System powered by: <a href="https://nl.escapeall.com/">Escape<span>All</span></a></div>

Best regards,
Mike

Hi,
I made adjustment and it now works, please check.

Best regards,
Mike

Hi,
Glad to hear that you have this 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,
I tested your fontello-d73127ed.zip and added this php code to my functions.php

function avia_add_custom_icon($icons) {
$icons['mastodon'] = array( 'font' =>'mastodon-bluesky', 'icon' => 'ue800');
$icons['bluesky'] = array( 'font' =>'mastodon-bluesky', 'icon' => 'ue801');	
return $icons;
}
add_filter('avf_default_icons','avia_add_custom_icon', 10, 1);

function avia_add_custom_social_icon($icons) {
$icons['mastodon'] = 'mastodon';
$icons['bluesky'] = 'bluesky';
return $icons;
}
add_filter('avf_social_icons_options','avia_add_custom_social_icon', 10, 1);
add_filter('avia_social_share_link_arguments', 'avia_add_social_share_link_arguments', 10, 1);
function avia_add_social_share_link_arguments($args){
    $mastodon = array('mastodon' => array("encode"=>true, "encode_urls"=>false, "pattern" => "https://www.mastodon.com/", 'label' => __("Share on mastodon",'avia_framework')));
	$bluesky = array('bluesky' => array("encode"=>true, "encode_urls"=>false, "pattern" => "https://www.bluesky.com/", 'label' => __("Share on bluesky",'avia_framework')));
    $args = array_merge($mastodon,$bluesky, $args);
    return $args;
}

and this css to my quick css:

#top #wrap_all .av-social-link-mastodon:hover a{
    color:#fff; 
    background-color:blue; 
}
#top #wrap_all .av-social-link-bluesky:hover a{
    color:#fff; 
    background-color:blue; 
}

and they both show in my social profiles:

and in my “Profile Links At The Bottom Of Your Blog Post”

and in the header:

and in the “Share this entry” on blog posts:

please give this a try.

Best regards,
Mike

Hey distortedimage,
Try this css instead:

#top .package-slider .avia-slideshow-arrows.avia-slideshow-controls a.prev-slide:before {
    content: "<" !important;
}
#top .package-slider .avia-slideshow-arrows.avia-slideshow-controls a.next-slide:before {
    content: '>' !important;
}

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.

Best regards,
Mike