Hey pamk21,
Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

#wrap_all #main #av_section_5 .hasCurrentStyle .toggle_icon,
#wrap_all #main #av_section_5 .hasCurrentStyle .toggle_icon > span {
    border-color: #fff !important;
    opacity: 1 !important;
}
#wrap_all #main #av_section_5 .hasCurrentStyle .activeTitle .toggle_icon,
#wrap_all #main #av_section_5 .hasCurrentStyle .activeTitle .toggle_icon > span {
    border-color: #424680 !important;
    opacity: 1 !important;
}

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

Best regards,
Mike

Hi,
Sorry for the late reply, yes I did see that Victoria and Rikard were able to see the error, yet I was unsure why a few days later I was able to test on two different machines and not recreate. Anyways I tested further with Chrome on Windows and found that sometimes, randomly, I see this error in the console (screenshot 1), which leads to this code (screenshot 2),and then if you click on “Load More” you get this error (screenshot 3).
But this only seems to occur for me sometimes whether I clear my cache or not.
So the first error seems to be key which seems to point to wpemojiSettings.
Try disabling: Enfold Theme Options > Performance > Disable Emoji/Smiley Support
I also assume you tried to disable your plugins and any custom scripts.

Best regards,
Mike

Hi,
Thanks for the error log, your providers firewall is giving false positives, for example:

msg "NoScript XSS InjectionChecker: Attribute Injection"] [data "Matched Data:, javascript: history.back ()

This message is saying that the javascript: history.back is an Attribute Injection, which it is, but it’s not an attack on your site.
To correct this your provider will need to disable the appropriate firewall rules, such as:
941170
941210
I see from above these were already identified as the rules to disable.
Another way to test would be to disable all of the rules and then enable one at a time to see which ones cause issues.

Best regards,
Mike

Hi,

@Melaniegray92 it looks like the other thread solved your issue, from your comment there, shall we close this then?

Best regards,
Mike

Hey fcp,
Sorry for the late reply, your code was missing commas, I corrected, please check.

Please compare this corrected code with the above code:

add_filter('avf_frontend_search_form_param', 'avf_frontend_search_form_param_mod', 10, 1 );
function avf_frontend_search_form_param_mod( array $params )
{
	$params['placeholder'] = __('Rechercher un produit...','avia_framework');
	return $params;
}

Best regards,
Mike

Hey Morticka,
Sorry for the late reply and thanks for the login and video. For your pricing table I added a custom ID get_height_from_first_column so the following script would not affect other possible pricing tables on your site.
The logic of the script gets the height of each cell from the first column and applies it to the other cell in the same row, regaining with the fourth row. Please ensure that the first column has the largest cells.
This is the script I added to your child theme functions.php

function pricing_table_get_height_from_first_column(){
  ?>
  <script>
(function($){
  $(window).load(function(){
  	var $this = $('#get_height_from_first_column .pricing-table-wrap:first-child');
  	var $that = $('#get_height_from_first_column .pricing-table-wrap:nth-child(n+2)');
    var t4 = $this.find('li:nth-child(4)').outerHeight();
    var t5 = $this.find('li:nth-child(5)').outerHeight();
    var t6 = $this.find('li:nth-child(6)').outerHeight();
    var t7 = $this.find('li:nth-child(7)').outerHeight();
    var t8 = $this.find('li:nth-child(8)').outerHeight();
    var t9 = $this.find('li:nth-child(9)').outerHeight();
    var t10 = $this.find('li:nth-child(10)').outerHeight();
    var t11 = $this.find('li:nth-child(11)').css('height', '86px').outerHeight();
    var t12 = $this.find('li:nth-child(12)').outerHeight();
    var t13 = $this.find('li:nth-child(13)').outerHeight();
    var t14 = $this.find('li:nth-child(14)').outerHeight();
    var t15 = $this.find('li:nth-child(15)').outerHeight();
    $that.find('li:nth-child(4)').css('height', t4 + "px");
    $that.find('li:nth-child(5)').css('height', t5 + "px");
    $that.find('li:nth-child(6)').css('height', t6 + "px");
    $that.find('li:nth-child(7)').css('height', t7 + "px");
    $that.find('li:nth-child(8)').css('height', t8 + "px");
    $that.find('li:nth-child(9)').css('height', t9 + "px");
    $that.find('li:nth-child(10)').css('height', t10 + "px");
    $that.find('li:nth-child(11)').css('height', t11 + "px");
    $that.find('li:nth-child(12)').css('height', t12 + "px");
    $that.find('li:nth-child(13)').css('height', t13 + "px");
    $that.find('li:nth-child(14)').css('height', t14 + "px");
    $that.find('li:nth-child(15)').css('height', t15 + "px");
  });
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'pricing_table_get_height_from_first_column');

So this seems to be working except the row Content & Huisstijl in which the first column was smaller than the others so I adjusted the cell with this line:
var t11 = $this.find('li:nth-child(11)').css('height', '86px').outerHeight();
Please clear your browser cache and check.

Best regards,
Mike

Hey Kevin,
Sorry for the late reply, it looks like they both share the same function. I did find a function that will remove the admin sidebar options link but leave the top bar options link, try adding this code to the end of your child theme functions.php file in Appearance > Editor:

add_action( 'admin_init', 'remove_enfold_menu_option' );

function remove_enfold_menu_option() {

    remove_menu_page( 'avia' );
}

Another option to rename the menu item is to try this script in your child theme functions.php

function rename_enfold_menu_option(){
	?>
	<script>
	jQuery(window).load(function(){   
	jQuery("#toplevel_page_avia .wp-menu-name").text("Theme Options");
	});
	</script>
	<?php
	}
add_action('admin_head', 'rename_enfold_menu_option');

Best regards,
Mike

Hi,
Sorry for the late reply, and thanks for the link to your site. I tested your gallery load more button, but the only time it didn’t work for me was when I forgot to disable my adblocker, do you have an adblocker installed?
I tested on:
Firefox: 81.0b8 (64-bit) – Windows
Chrome: 85.0.4183.102 (64-bit) – Windows & Mac
Safari: 13.1.1 (15609.2.9.1.2) – Mac
Edge: Version 85.0.564.51 (64-bit) – Windows
I also tested this shortcode on my localhost and it also worked. I used your shortcode above and changed the IDs for my install and changed the number of items shown to 4, because I only had 8 IDs

[av_masonry_gallery ids='2250,2249,2248,2247,2246,2245,2244,2211' caption_elements='none' caption_styling='' caption_display='always' size='flex' orientation='' gap='large' columns='flexible' av-medium-columns='' av-small-columns='' av-mini-columns='' items='4' paginate='load_more' color='' custom_bg='' overlay_fx='active' animation='active' lazy_loading='disabled' container_links='active' link_dest='' id='' custom_class='' av_uid='av-33iidv']

Best regards,
Mike

Hi,
I researched the plugin and it says that it has a shortcode to display the reviews anywhere.
So on the page that you linked to, try adding a code block element with the shortcode.

Best regards,
Mike

Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.

For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)

Best regards,
Mike

Hi,
Glad to hear, so for the last question, I added this css:

/*sonar effect*/
@-webkit-keyframes sonarEffect {
0% {opacity: 0.3;}
40% {opacity: 0.5;box-shadow: 0 0 0 2px rgba(174, 198, 195,0.1), 0 0 10px 10px #aec6c3, 0 0 0 10px rgba(174, 198, 195,0.5);}
100% {box-shadow: 0 0 0 2px rgba(174, 198, 195,0.1), 0 0 10px 10px #aec6c3, 0 0 0 10px rgba(174, 198, 195,0.5);-webkit-transform: scale(1.5);opacity: 0;}
}
@-moz-keyframes sonarEffect {
0% {opacity: 0.3;}
40% {opacity: 0.5;box-shadow: 0 0 0 2px rgba(174, 198, 195,0.1), 0 0 10px 10px #aec6c3, 0 0 0 10px rgba(174, 198, 195,0.5);}
100% {box-shadow: 0 0 0 2px rgba(174, 198, 195,0.1), 0 0 10px 10px #aec6c3, 0 0 0 10px rgba(174, 198, 195,0.5);-moz-transform: scale(1.5);opacity: 0;}
}
@keyframes sonarEffect {
0% {opacity: 0.3;}
40% {opacity: 0.5;box-shadow: 0 0 0 2px rgba(174, 198, 195,0.1), 0 0 10px 10px #aec6c3, 0 0 0 10px rgba(174, 198, 195,0.5);}
100% {box-shadow: 0 0 0 2px rgba(174, 198, 195,0.1), 0 0 10px 10px #aec6c3, 0 0 0 10px rgba(174, 198, 195,0.5);transform: scale(1.5);opacity: 0;}
}

Please clear your browser cache and check. Shall we close this then?

Best regards,
Mike

Hi,
Thanks for posting your custom element code, I tried it out and the error seems to occur when the element is opened after it was saved, but I couldn’t resolve this. I asked the rest of the team to take a look, thanks for your patience.

Best regards,
Mike

Hi,
I adjusted the css for your two buttons, please clear your browser cache and check.

Best regards,
Mike

Hi,
Sorry I ment that your div code doesn’t have the custom class, like this:

<div class="update" style="background-color:lightblue; padding-left: 20px">
<span>
COVID-19 Update<br>
Learn about our expanded patient care options for your health care needs.
</span>
</div>

Try copying the div code from your live site, in your header.php, to your stagging site, or use the code above.

Best regards,
Mike

Hi,
Please remove the above css and clear any caching plugin and your browser cache then try this css:

#top div.product .woocommerce-tabs.wc-tabs-wrapper {
    display: flex !important; 
    flex-wrap: wrap !important; 
    }
    #top div.product .woocommerce-Tabs-panel--additional_information {
        order: 3 !important; 
        width: 100% !important;
    }
    #top div.product .woocommerce-Tabs-panel--reviews {
        order: 1 !important; 
    }
    #top div.product .woocommerce-Tabs-panel--description {
        order: 2 !important; 
    }

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

Best regards,
Mike