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

Hey amyncuih,
Try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:

add_action( 'wp_footer', 'ava_custom_script_tab_section',99 );
function ava_custom_script_tab_section() {
    ?>
<script>
window.addEventListener('DOMContentLoaded', function() {
    (function($) {
        function scrollToTab(s, e) {
            $(s).on(e, function(event) {
                var anchor, loc, cur, hash, tab, parent, pos;
                if( e == 'load' ) {
                    loc = window.location.hash;
                    hash = loc;
                } else {
                    loc = $(this).attr('href');
                    hash = loc.substring(loc.indexOf('#'));
                }
                tab = $('.av-section-tab-title[href="'+ hash +'"]');
                parent = tab.parents('.av-tab-section-outer-container');
                pos = parent.offset();
                tab.trigger('click');
                if(hash) {
                    setTimeout( function() {
                        $(window).scrollTop( pos.top - 100 )
                    }, 100 );
                }
            });
        }
        scrollToTab( '.avia-buttonrow-wrap a', 'click' );
        scrollToTab( window, 'load' );
    })(jQuery);
});
</script>
    <?php
}

add_theme_support( 'deactivate_tribe_events_calendar');

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

Best regards,
Mike

Hey finchkelsey,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

.avia-data-table-wrap td {
	vertical-align: top;
}

Best regards,
Mike

Hey ausgesonnen,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

@media only screen and (max-width: 989px) { 
.html_header_sticky.html_mobile_menu_tablet #top #wrap_all #header, .html_header_sticky.html_header_transparency #top #wrap_all #header, .html_header_sticky #top #wrap_all #header {
    position: absolute !important;
}
}

Best regards,
Mike

Hi,
When I check your parent theme enfold looks correct:

and in the child theme the Template name looks correct:

but I have not seen this code in your child theme functions.php:

I tried commenting it out, but it didn’t help.
Currently you have the Twenty Twenty-Five active, I’m not sure what your critical error was, perhaps the best solution is to restore from a older backup.

Best regards,
Mike

Hi,
Thanks for sharing your findings.

Best regards,
Mike