Hi,
It doesn’t look like that for me on Android or in the inspector on desktop, the page css uses the same font, so I’m not sure why you are seeing this. Please see the screenshot in the Private Content area.

Best regards,
Mike

Hey leilitacc,
The tabs section has many options to add color:

but your screenshot look more like a toggle/accordion element, but it also has many color options:

Try creating a test page and use the options to change the colors and if you find something you can’t change link to it so we can help with some css.

Best regards,
Mike

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

#top #wrap_all #header .av-burger-overlay .av-burger-overlay-scroll #av-burger-menu-ul li a {
    color: #000;
    font-size: 16px;
}

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
You can add the page ID to the css so it will only work on the one page, like this for example:

.postid-4308 img.mfp-img {
  width: 1200px !important; 
  max-width: 1200px !important;  
  height: 1976px !important;
  max-height: 1976px !important;
}

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

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

add_filter('avia_layout_filter', 'avia_change_post_layout', 10, 2);
function avia_change_post_layout($layout, $post_id) {
	if( is_shop() || is_product_tag() || is_product_category() || is_cart() || is_checkout()) {
        $layout['current'] = $layout['fullsize'];
        $layout['current']['main'] = 'fullsize';
    }
	if( is_product() ) {
	$layout['current'] = $layout['fullsize'];
        $layout['current']['main'] = 'fullsize';
    }
    return $layout;
}

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
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 the above code and save.

Best regards,
Mike

Hi,
Please give this a try, add this code to the end of your child theme functions.php file in Appearance ▸ Editor:

function group_lightbox_images(){
?>
<script>
(function($){
    $(window).on('load', function() {
        $('.lightbox-added').each(function() {
            var parentClass = $(this).closest('[class*="group-"]').attr('class');
            if (parentClass) {
                var match = parentClass.match(/group-(\d+)/);
                if (match && match[1]) {
                    $(this).attr('data-group', match[1]);
                }
            }
        });

        var groups = {};
        $('.lightbox-added').each(function() {
            var id = parseInt($(this).attr('data-group'), 10);
            if (!groups[id]) {
                groups[id] = [];
            }
            groups[id].push(this);
        });

        $.each(groups, function() {
            $(this).magnificPopup({
                type: 'image',
                mainClass: 'avia-popup mfp-zoom-in mfp-image-loaded',
                closeOnContentClick: false,
                closeBtnInside: false,
                gallery: { enabled: true }
            });
        });
    });
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'group_lightbox_images');

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 the above code and save.
Then add the custom class group-1 to each accordion slider, changing the number for each one, ie: group-2, group-3, etc.

Then when the image in any group is opened only the other images in the same group will show.

Best regards,
Mike

Hey liuxuewu,
To globally set your title & breadcrumbs on pages created with the Advanced Layout Builder, go to Enfold Theme Options ▸ Header ▸ Header Layout ▸ Header Title and Breadcrumbs and set it to Display title and breadcrumbs:

But note that if any of your pages have this disabled on the page, you will need to change the option on the page. You can check by going to your page and look in the Layout ▸ Title Bar Settings and ensure that it is set to Default Layout – set in Enfold Child > Header:

Best regards,
Mike

Hey Eleina,
I didn’t find a way to do this so I created a shortcode to create a button that will play a audio file and show a progress bar for the audio track while it is playing

The shortcode to use on your page:
[audio_player src="URL_TO_YOUR_AUDIO_FILE.mp3" text="Custom Button Text"]
Then add this code to the end of your child theme functions.php file in Appearance ▸ Editor:

// use this shortcode: [audio_player src="URL_TO_YOUR_AUDIO_FILE.mp3" text="Custom Button Text"]
function custom_audio_player_shortcode($atts) {
    $atts = shortcode_atts(
        array(
            'src' => '',
            'text' => 'Play Audio',
        ),
        $atts,
        'audio_player'
    );

    // Generate a unique ID for this instance
    $uid = uniqid('audio_player_');

    ob_start();
    ?>
    <style>
        .custom-audio-player {
            position: relative;
            max-width:200px;
            margin-bottom:10px;
        }

        .audio-control {
            position: relative;
            overflow: hidden;
            padding: 10px;
            border: none;
            background-color: #007bff;
            color: #ffffff;
            cursor: pointer;
            width:200px;
            transition: background-color 0.3s ease;
        }

        .audio-progress {
            position: absolute;
            bottom: 0;
            left: 0;
            height: 5px;
            background-color: #ff0000;
            width: 0;
            max-width: 100%;
            transition: width 0.1s linear;
        }
    </style>
    <div class="custom-audio-player" id="<?php echo $uid; ?>">
        <button class="audio-control"><?php echo esc_html($atts['text']); ?></button>
        <div class="audio-progress"></div>
    </div>
    <audio class="custom-audio" src="<?php echo esc_url($atts['src']); ?>"></audio>
    <script>
        document.addEventListener('DOMContentLoaded', function() {
            var player = document.getElementById('<?php echo $uid; ?>');
            var audio = player.nextElementSibling;
            var button = player.querySelector('.audio-control');
            var progress = player.querySelector('.audio-progress');
            var originalButtonText = "<?php echo esc_js($atts['text']); ?>";

            button.addEventListener('click', function() {
                if (audio.paused) {
                    audio.play();
                    button.textContent = 'Pause Audio';
                } else {
                    audio.pause();
                    button.textContent = originalButtonText; // Use originalButtonText instead of hardcoding
                }
            });

            audio.addEventListener('timeupdate', function() {
                var duration = audio.duration;
                var currentTime = audio.currentTime;
                var progressWidth = (currentTime / duration) * 100 + '%';
                progress.style.width = progressWidth;
            });

            audio.addEventListener('ended', function() {
                button.textContent = originalButtonText;
            });
        });
    </script>
    <?php
    return ob_get_clean();
}
add_shortcode('audio_player', 'custom_audio_player_shortcode');

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
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 the above code and save.
You can adjust the css in the code above to suit your site.

Best regards,
Mike

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

.avia-video, .avia-iframe-wrap {
    margin-bottom: 0;
}

if this doesn’t help then please link to your page so we can examine.

Best regards,
Mike

Hey amyncuih,
Please check your Events ▸ Settings ▸ Display ▸ Events template option, and use the Default Events Template

Best regards,
Mike

Hi,
When nosniff is used the default type is text/css others are blocked, I understand this to mean that there is no need to add text/css.
Since I can not reproduce the error using X-Content-Type-Options “nosniff”, I believe this is related to the server type, perhaps thinkjarvis could test with the rule in his .htaccess and see if that helps.

Best regards,
Mike

Hi,
Thanks for your patience, I see this on your site, and I note that adding multiple items from the same product page doesn’t show the product count, it will only show if you go to another product or the cart page. I’m not able to reproduce this on our demo page, so perhaps this is a plugin conflict, try disabling all of your plugins, including cache and If that resolves the issue, reactivate each one individually until you find the conflict.

Best regards,
Mike

Hi,

@ParsbergGroup, I am not sure what you mean by adding the item purchase code to the NAVIGATION section if you mean adding the purchase code to the theme update panel, then this will not work because you should enter the Envato Token, not the purchase code, you should see a link to the documentation explaining further:

if you have a old install then it will say “API” which is not the same and you will need to update manually:
To update manually 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.

Please note that since this is not your thread posting your private info here will not be private, the person that opened this thread will as see your private info, and you will not see our comments in the Private Content area.
I recommend opening a new thread for your questions instead of adding your question to an old thread that someone else started. I recommend removing your private info from this thread and let us know that you have opened a new thread if I misunderstood your question and my answer didn’t help.

Best regards,
Mike

Hi,
It looks like you have both the old & new css added:

please remove the old css, and clear your browser cache and check again.

Best regards,
Mike