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

Hey JoeSurf,
Thank you for the link to your site while checking your pages I found this error:
Deferred exception: $(…).pointer is not a function TypeError: $(…).pointer is not a function
which seem to be from your Classic Editor so I disabled it, since you already have this option in the theme settings.
All of your pages have these errors even if the backend loads:
https://my.yoast.com/api/downloads/file/morphology-v2?plugin_version=11.5&site=https%3A%2F%2Fwww.yoursite.com 403 (Forbidden)
https://www.yoursite.com/wp-admin/admin-ajax.php 500 (Internal Server Error)
so for the Yoast plugin I guess you need to activate your Yoast SEO Premium subscription, and that would solve the first error

But I don’t know what is causing the /admin-ajax.php 500 (Internal Server Error) error.
Try enabling WP Debugging on your site and this might help track this down.

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,
Oh no, there are no silly questions, I hope that I didn’t sound like that, I was just saying where it came from.
Glad we were able to help and have a good weekend, 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 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

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

.main_color input[type='submit'].wpcf7-submit:hover {
	background-color: #e94a3f;
    color: #ffffff;
    border-color: #c7281d;
}

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

Best regards,
Mike

Hi,
For your pricing page try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

.page-id-2429 .template-page.content.av-content-full.av-main-page {
	padding: 0;
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
This color is from your browser, you will alos notice that it occurs on your logo and burger menu icon, try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field to remove it:

.av-active-burger-items,
#header_main .logo,
#header_main .av-burger-menu-main {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.av-active-burger-items:focus,
#header_main .logo:focus,
#header_main .av-burger-menu-main:focus {
    outline: none !important;
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hey jaitinrosa,
If you need to display the info in different parts of the page you can use the “X” to show only the part you want, and the use several of these elements and place them where you wish on the page.

Best regards,
Mike

Hey Julie,
Thank you for the link to your site, first I added the custom class click-to-close to your flipbox

Then I added this code to the end of your child theme functions.php file in Appearance ▸ Editor:

function custom_click_to_close_flipbox_script() { ?>
  <script>
jQuery(document).ready(function($) {
    $('.click-to-close .avia-icongrid-flipbox .av-icon-cell-item').hover(
        function() {
            var $flipback = $(this).find('.avia-icongrid-flipback');
            // Check if the transform is rotateY(0deg)
            if ($flipback.css('transform') == 'matrix(1, 0, 0, 1, 0, 0)') {
                $(this).addClass('avia-hover');
                console.log('avia-hover class added');
            }
        }
    );

    // Function to handle clicks outside the element
    $(document).on('click', function(event) {
        if (!$(event.target).closest('.click-to-close .avia-icongrid-flipbox .av-icon-cell-item').length) {
            $('.click-to-close .avia-icongrid-flipbox .av-icon-cell-item').removeClass('avia-hover');
            console.log('avia-hover class removed');
        }
    });

    // Prevent clicks inside the element from triggering the document click handler
    $('.click-to-close .avia-icongrid-flipbox .av-icon-cell-item').on('click', function(event) {
        event.stopPropagation();
    });
});
</script>
  <?php
}
add_action( 'wp_footer', 'custom_click_to_close_flipbox_script', 99 );

Now when you hover over the flipbox and it flips the class avia-hover is added to it so that it won’t flip back, until you click outside of the element, in which the class is removed.
please clear your browser cache and check.

Best regards,
Mike

Hey Advantage09,
Please see the theme options at Enfold Theme Options ▸ General Styling ▸ Typography ▸ Advanced Options: Customize Typography Settings
you can set the default sizes

Best regards,
Mike

Hi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field, it will make the icon larger and center vertically:

.iconbox_left .iconbox_content {  
	display: grid;
  grid-template-columns: auto auto;
  grid-template-rows: 1fr;
  grid-auto-columns: auto 1fr;
  gap: 0px 0px;
  grid-auto-flow: column;
  align-items: center;
  justify-content: center;
}
.iconbox_left .iconbox_content .entry-content-header .iconbox_icon {
    height: 60px;
    width: 60px;
    font-size: 40px;
    top: 0;
    left: 0;
    align-content: center;
}
.iconbox_left .iconbox_content .entry-content-header {
  justify-self: center;
}
.iconbox_left .iconbox_content .iconbox_content_container p {
	margin-top: 0;
}

Best regards,
Mike

Hi,

Thanks for letting us know. Please open a new thread if you should have any further questions or problems.

Best regards,
Rikard

Hi,
Thank you for your patience your social media icons in the footer were hidden due to this css in your Quick CSS, I removed it for you

Please clear your browser cache and check.
I didn’t find any issues with your cookie consent, when I click “accept” it hides.

Best regards,
Mike

Hi,
Thank you for your patience I see that you have both v5.2.1 & v5.7.1 with the same Theme Name so I’m not sure how you have it setup to enable which parent theme is used, I see that v5.2.1 is currently loading. I also see that you have a custom header.php & footer.php in the child theme, we do not recommend adding these files to your child theme, it is the most common reason for errors when updating. Try removing these and see if this solves. You could replacing these with the header.php & footer.php from the v5.7.1 parent theme, but then you would need to manually update these with each update. I recommend removing these and any customizations you wish to make should be done in your child theme functions.php instead.
If this doesn’t help then I would recommend looking at your custom avia-shortcodes files as it looks like you have created customized elements and I assume they were based on the older v5.2.1 elements:

The theme has changed a lot since then so you may need to review the elements from v5.7.1 and update your custom elements to suit.

Best regards,
Mike

Hey Morgan,
Thanks for your patience, typically the feedback we receive is positive and once in a while we are asked to address small issues. We don’t have a WCAG 2.0 testing account or a screen reader to test with, but you are welcome to test our demo.

Best regards,
Mike

Hi,

Thanks for letting us know. Please open a new thread if you should have any further questions or problems.

Best regards,
Rikard

Hi,

Thanks for the update. What happens if you activate the option to delete old CSS and JS files under Enfold->Performance? If that should not help, then you might need to disable the post CSS file generation with this in functions.php:

/**
 * Filter to skip css file generation.
 * You can add logic to skip for certain pages/posts only.
 * 
 * @since 4.8.6.1
 * @param boolean $create
 * @return boolean					true | false or anything else to skip generation of css file
 */
function custom_avf_post_css_create_file( $create )
{
	return false;
}

add_filter( 'avf_post_css_create_file', 'custom_avf_post_css_create_file', 10, 1 );

Best regards,
Rikard

Hey danielvanloosbroek,

Thanks for the login details. The slider seems to be working as expected on my end, did you manage to find a solution? If the updates are not coming through, then please try using this plugin instead: https://envato.com/market-plugin/. If you should have any further problems, then please try to deactivate Javascript File Merging And Compression under Enfold->Performance, as the SG Optimizer plugin causes problems when that is active.

Best regards,
Rikard

Hey 10amCreativeMedia,

Did you register you theme license? https://kriesi.at/documentation/enfold/theme-registration/. If the updates should not come through after that, then please using this plugin: https://envato.com/market-plugin/

Best regards,
Rikard

Hi,

Thanks for the update. We’ll close this thread for now then, please open a new thread if you should have any further questions or problems.

Best regards,
Rikard

Hi,

Thanks for the update. Why do you need to use the Gutenberg builder for your layout? Why not use the built in Enfold Layout Builder?

Best regards,
Rikard