Hi,

Thank you for the update.

The arrows are not rendering correctly when we checked the About Page. Did you add this css code?

#top .av-contentslider-style-2 .avia-slideshow-arrows.avia-slideshow-controls a.prev-slide:before {
    content: 'e874';
}

If you want to change the next and previous arrow, you can use the avf_default_icons filter in the functions.php file instead. Make sure to adjust the value of the icon attribute.

function avf_default_icons_mod($icons) {
	$icons['next'] = array( 'font' => 'entypo-fontello', 'icon' => 'ue879' );
	$icons['prev'] =array( 'font' => 'entypo-fontello', 'icon' => 'ue878' );
	return $icons;
}
add_filter('avf_default_icons','avf_default_icons_mod', 10, 1);

To make sure that the arrows are visible outside the slider, add this css code:

#top .avia-slideshow-arrows.avia-slideshow-controls {
    overflow: visible;
}

Best regards,
Ismael

Hey Tim Headford,
v5.6.7 fixed issues with PHP 8.2.4
I have not seen issues with v5.6.10 and PHP 8+
Try first making a full backup with your webserver tools, not a plugin, then manually update the theme, the switch to PHP 8, try the lower version you have available first, some servers have PHP 8.3 now but this is “bleeding edge” and I can not test it, try PHP 8.1

To manually 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,

Try to edit the phone number html and add a unique class name to it:

<span class="av-phone-number-info">Telefon 04931 – 9192873</span>

Then add this css code:

.av-phone-number-info, .av-phone-number-info:active, .av-phone-number-info:visited, .av-phone-number-info:focus {
   color: #ffffff !important;
}

If that didn’t work, try to add this code in the functions.php file:

function ava_format_detection_meta() {
    echo '<meta name="format-detection" content="telephone=no">';
}
add_action('wp_head', 'ava_format_detection_meta');

Best regards,
Ismael

Hey Leadliaison,

Your theme license is valid for life, but support is not. Please refer to this on how to extend your support period: https://help.market.envato.com/hc/en-us/articles/207886473-Extending-and-Renewing-Item-Support

If you are overriding header.php and footer.php in a child theme, then please try replacing those files with the parent theme files.

If you should need any further help, then please include admin WordPress login details in private.

Best regards,
Rikard

Hi,
Perhaps I read your question too quickly, I was looking for the css in the June 28 2023 post and this css in not in your Quick CSS.
But this code that is in your Quick CSS doesn’t belong there:

 add_filter( 'avf_modify_thumb_size', 'enfold_customization_modify_thumb_size', 10, 1 );
    function enfold_customization_modify_thumb_size( $size ) {
    $size['entry_without_sidebar'] = array('width'=>1200, 'height'=>630, 'crop' => true);
    return $size;
    }

It belongs in your child theme functions.php file, but you are not using a child theme so it was probably in your Enfold functions.php and when you updated it was lost along with any other customizations.
If you are not going to use 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 code and save and you won’t lose it on updates.
Remember that for any new images that you added you will need to Regenerate the Thumbnails for the change to show.

Best regards,
Mike

Hey Ryan,
Thanks for your question, it sounds like you updated your PHP from 7.3 to 8.2 and now you see that version 5.6.10 is availability but the update fails?
I would not expect any issues, what is your current theme version and do you see any specific errors?
Have you tried disabling all of your plugins and try to then update?
Have you tried updating with the official Envato Market WordPress Plugin, note that the required permissions are different for the token, please follow the steps in the plugin.

Best regards,
Mike

Hi,
Thank you for your patience, I was not able to find a solution with the built-in theme options, but I was able to come up with a shortcode that will do as you asked, since your page is black I styled it accordingly and this is the expected results:

Since you are not using a child theme I recommend using 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 below code and save.

function garden_progress_bars_shortcode($atts) {
    $atts = shortcode_atts(
        array(
            'pre_cultivation_start' => '',
            'pre_cultivation_end' => '',
            'planting_start' => '',
            'planting_end' => '',
            'harvest_start' => '',
            'harvest_end' => '',
            'pre_cultivation_color' => '',
            'planting_color' => '',
            'harvest_color' => '',
            'pre_cultivation_label' => '',
            'planting_label' => '',
            'harvest_label' => '',
        ),
        $atts,
        'garden_progress_bars'
    );
    $output = '
    <style>
        .garden-progress-bars {
            font-family: Arial, sans-serif;
            max-width: 960px; 
            margin: 0 auto;
        }
        .progress-header, .progress-header div:not(.header-offset) {
            display: inline-flex;
            width: 100%;
            justify-content: space-evenly;
        }
		.progress-header div:not(.header-offset) {
    		border-left: 1px solid #eee;
        }
        .month {
            width: calc((100% - 160px)/12); 
            text-align: center;
        }
        .progress-row {
            display: flex;
            align-items: center;
            margin-bottom: 10px;
        }
        .label-container {
            width: 150px; 
            text-align: right;
            padding-right: 10px; 
        }
        .progress-container {
            display: flex;
            width: calc(100% - 160px); 
            align-items: center;
        }
        .progress-bar-container {
            flex-grow: 1;
            background-color: #000;
            height: 20px;
            position: relative;
        }
        .progress-bar {
            height: 100%;
            position: absolute;
        }
        .progress-header .header-offset {
            width: 150px;
			display: inline-flex;
            flex-shrink: 0;
        }
    </style>
    <div class="garden-progress-bars">
        <div class="progress-header">
            <div class="header-offset"></div>'; 
    $months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
    foreach ($months as $month) {
        $output .= "<div class='month'>$month</div>";
    }
    $output .= '</div>'; 
    $create_progress_bar_row = function($label, $color, $start, $end) use ($months) {
        $start_month_index = array_search($start, $months);
        $end_month_index = array_search($end, $months);
        $width = (($end_month_index - $start_month_index + 1) / 12) * 100;
        $left = ($start_month_index / 12) * 100;
        return "
        <div class='progress-row'>
            <div class='label-container'>$label</div>
            <div class='progress-container'>
                <div class='progress-bar-container'>
                    <div class='progress-bar' style='background-color: $color; width: $width%; left: $left%;'></div>
                </div>
            </div>
        </div>";
    };
    $output .= $create_progress_bar_row($atts['pre_cultivation_label'], $atts['pre_cultivation_color'], $atts['pre_cultivation_start'], $atts['pre_cultivation_end']);
    $output .= $create_progress_bar_row($atts['planting_label'], $atts['planting_color'], $atts['planting_start'], $atts['planting_end']);
    $output .= $create_progress_bar_row($atts['harvest_label'], $atts['harvest_color'], $atts['harvest_start'], $atts['harvest_end']);

    $output .= '</div>'; 

    return $output;
}
add_shortcode('garden_progress_bars', 'garden_progress_bars_shortcode');

and then on your page add this shortcode in a code block element to show the growing bars:

[garden_progress_bars pre_cultivation_start="Feb" pre_cultivation_end="Apr" pre_cultivation_color="#FF5733" pre_cultivation_label="Pre-cultivation" planting_start="Apr" planting_end="Jun" planting_color="#5EBA7D" planting_label="Planting" harvest_start="Jun" harvest_end="Sep" harvest_color="#FFC300" harvest_label="Harvest"]

This shortcode creates three bars, and for each bar you can change the label text and color of bar and the start & end month.
First try this shortcode as is to see the working solution as in the screenshot above, then you can try adjusting the attributes to suit.
Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.

Best regards,
Mike

Hi,

I added filter avf_sc_section_before_close at line 1507ff.

Complete file with modification:

https://github.com/KriesiMedia/enfold-library/blob/master/temp_fixes/Enfold_5_6_10/avia-shortcodes/section/section.php

Let me know if this helps you.

Will be in next release.

Best regards,
Günter

Hi,
Sorry I don’t know what you mean, WordPress knows what parent theme your child theme is using by the template line in your style.css file:

so ensure this is correct and your parent theme is named correctly:

I’m pretty sure that you can not use the bundled LayerSlider files in any other themes, so it makes since that this is checking the theme, I don’t know how to circumvent the theme & LayerSlider security.
Have you noticed any other issues with your site, I assume that you have already tried disabling your plugins and any other customizations. Please note that if you have a customized header.php or footer.php, please don’t use these, it is the most common reason for errors when updating. Please remove these files and any customizations you wish to make should be done in your child theme functions.php

Best regards,
Mike

Hi,
Thanks, I see your site is using PHP v7.4.33, try updating to v8 and check again.

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 Judith Rauschenbach,
Our current version 5.6.10 supports PHP v7.4-v8+

Best regards,
Mike

Hey carmen,

Thank you for the inquiry.

This is possible but you have to modify the enfold/config-templatebuilder/avia-shortcodes/gallery_horizontal/gallery_horizontal.php file, look for this code around line 786:

$img_tag = "<img class='av-horizontal-gallery-img' width='{$img[1]}' height='{$img[2]}' src='{$img[0]}' title='{$title}' alt='{$alt}' />";
					$img_tag = Av_Responsive_Images()->prepare_single_image( $img_tag, $attachment->ID, $lazy_loading );

					$output .= $img_tag;

Replace it with:

$img_tag = "<img class='av-horizontal-gallery-img' width='{$img[1]}' height='{$img[2]}' src='{$img[0]}' title='{$title}' alt='{$alt}' />";
                    $img_tag = Av_Responsive_Images()->prepare_single_image( $img_tag, $attachment->ID, $lazy_loading );

                    $image_caption = wp_get_attachment_caption( $attachment->ID );

                    $output .= '<div class="image-container">';
                    $output .= $img_tag;
                    $output .= '<div class="image-caption">';
                    $output .= '<h4>' . get_the_title( $attachment->ID ) . '</h4>'; // Include title
                    $output .= '<p>' . $image_caption . '</p>'; // Include caption
                    $output .= '</div>';
                    $output .= '</div>';

Best regards,
Ismael

Hey!

Regarding #4, there is a function called avia_filter_wpseo_sitemap_urlimages, which extracts mage IDs from image or slider elements in the ALB, and push them to the wpseo_sitemap_urlimages filter for registration in the Yoast sitemap. To register more ALB elements such as sliders, you can use the avf_add_elements_wpseo_sitemap filter in the functions.php file:

Related thread: https://kriesi.at/support/topic/how-to-make-images-in-masonry-gallery-to-be-indexed-in-seo-yoast-sitemap/

Thank you for your patience.

Regards,
Ismael

Hi,

every image ID needs to be added to the css right?

Are you referring to @Guenni007’s modification? You can remove the .page-id-xxxxx selector from the css code if you want the changes to apply globally.

#top .with-lightbox-caption .avia_image {
  overflow: visible !important;
}

#top .av-image-caption-overlay {
  bottom: -30px !important;
  font-size: 10px !important;
  height: auto !important;
  width: 100% !important; 
  text-align: justify !important;
}

#top .avia-image-overlay-wrap:hover .av-image-caption-overlay,
#top .avia-image-overlay-wrap:hover .av-caption-image-overlay-bg {
  opacity: 1 !important;
}

You should also remove the is_page conditional function from the animated_enfold_lightbox callback.

function animated_enfold_lightbox() {
?>
<script type="text/javascript">
(function($){
 // rest of the code
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'animated_enfold_lightbox', 999);

Best regards,
Ismael

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

add_theme_support('avia-no-duplicate-post');

Or you can add it as a PHP snippet in the WP Code plugin

Best regards,
Mike

Hi,
Please note the PHP error on your dashboard:

also please update these server setting:
PHP max input variables = 10000
PHP time limit = 300
Typically a basic SSL is free, see this post, or this GoDaddy documentation.
I don’t think that you need SSL to install the demo, but many web browsers will not load your page without one and Google will not list your page, a SSL is needed for a modern website and most webhosts offer the free Lets Encrypt SSL

Best regards,
Mike