Hi,
The ones that begin with “av_alb_usage_av_” are from the theme, in your screenshot most of yours are from the mailpoet plugins and from the core wordpress, I can’t recommend disabling any of those. When I check my site I only see 110 that start with av_alb_usage_av_ one for each element as in this post.
To address your 502/504 errors first try to disable all of your plugins and then test them one at a time to find what is causing the errors. I would also recommend improving your server settings and not disabling the autoload options, because doing so will cause your site to increase the number of database queries which will slow that function of your site down.

Best regards,
Mike

Hi,
Your first screenshot of the icon boxes on your homepage:

the background color can be set in the element here:

or you can change all of them with this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#top.home .iconbox .iconbox_icon {
    background-color: #ebb400;
    border: 1px solid #fff;
    color: #fff;
}

this is the expected results:

After applying the css, please clear your browser cache and check.
To make the special amp symbol black, try this css:

#top .main_color .special_amp {
	color: #000;
}

adjust the color to suit.
Is this what you had in mind?

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 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,
If it is working for you then you would need to copy the \masonry_entries\masonry_entries.php to your child theme into a directory called /shortcodes/
and ensure that this code is in your child theme functions.php:

function avia_include_shortcode_template( $paths )
{
	if( ! is_array( $paths ) )
	{
		$paths = array();
	}
	
	$template_url = get_stylesheet_directory();
	array_unshift( $paths, $template_url . '/shortcodes/' );

	return $paths;
}

add_filter( 'avia_load_shortcodes', 'avia_include_shortcode_template', 15, 1 );

Best regards,
Mike

Hi,
Thanks for the further information, this sounds like a feature request that the Dev Team will need to review, the Dev Team has opened a new Github Feature Request for users to place requests and follow them as the Dev Team reviews them.
Please post your request there instead of here in the support threads as the Dev Team doesn’t always check here.
Thank you for your patience and understanding.

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 navindesigns,
Thank you for the link to your site and your example, try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:

function custom_single_post_banner() { ?>
  <script>
(function($) {
  $(function() {
  	var postTitle = $('.single-post h1.post-title').detach().text();
  	var postBanner = $('<div class="banner"><h1>'+ postTitle +'</h1></div>');
     $('.single-post .big-preview.single-big').detach().insertBefore('.container_wrap_first');
     $(postBanner).insertAfter('.single-post .big-preview.single-big img');
  });
})(jQuery);
</script>
  <?php
}
add_action('wp_footer', 'custom_single_post_banner', 99);

and this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

@media only screen and (max-width: 767px) { 
#top.single-post #wrap_all .all_colors .big-preview.single-big .banner h1 {
	font-size: 18px;
}
.single-post .big-preview.single-big .banner {
	top:18%;
	padding:0 5%;
}
}

.single-post .big-preview.single-big {
    padding: 0;
	pointer-events:none;
}
.single-post .big-preview.single-big .banner {
	top:30%;
	position:absolute;
	z-index:4;
	padding:0 10%;
	color:#000;
}
.single-post .banner h1 {
	background-color: rgba(255,255,255,71%);
}

@media only screen and (min-width: 1440px) { 
.single-post .big-preview.single-big {
	max-height: 450px;
}
.single-post .big-preview.single-big a img {
	transform: translateY(-20%);
}
.single-post .big-preview.single-big a {
	max-height: 450px;
}
.single-post .big-preview.single-big .banner {
	top:36%;
	padding:0 15%;
}
}

it will take the single post feature image and title from the default layout like this:

and create a full width banner with the title in it like this:

On mobile it should look like this:

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

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 jnightingale,
Please go to each of the inactive settings:
Maintenance Mode Page
Custom 404 Page
Custom Footer Page
then activate each one, one at a time, then select no page for the option, then deactivate the option, then save your theme settings.

Best regards,
Mike

Hi,
Thanks for the link to your site, I found the page linked below that has an image inside of an accordion, so I assume this is the page that you were refuring to.
At first I thought that the image was not opening in a lightbox, it seemed that nothing was occuring when I clicked the image, but then I noticed that my pointer turned into a zoom pointer, that typically shows when you mouse-over a lightbox. When I check the browser inspector it showed the lightbox was open but transparent. I’m not sure if this is from some css or a custom function in your child theme, but switching to the parent Enfold theme shows the lightbox opening.
Please try this yourself so you will see that it works, then I recommend switching back to your child theme and try removing your custom functions and css until you find the cause, you have a lot there and I tried to find it but couldn’t. It looks like you have a few functions that disables different theme elements and functions so perhaps this is related.

Best regards,
Mike

Hi,
Thank you for your patience, I found that in order to apply the LayerSlider Transision Preset you need to first click the choice:

then move the mouse to the check mark and click it, a popup will show with the message “Apply”:

you will know that it has been applied when the save & publish buttons light up:

I was not able to do this to your site today as it seems to be down, but I tested this on my site an it works and you can view the effect in the LayerSlider preview and live on the frontend.

Best regards,
Mike

Hi,
Right now the issue is solved, if you have more issues I recommend disabling your cloudflare and any server caching until after you are done building it so you don’t have to fight with the caching.

Best regards,
Mike

Hi,
It looks like you have this sorted out now, glad we could help, shall we close this thread then?

Best regards,
Mike

Hi,
Please note that the WPML plugin creates a theme panel for each language, so please carefully examine the settings & options for each language, it is possible to have different settings for eack language and then click save for each language. You may also find it easier to disable your cache and any caching plugins while you are building your site.

Best regards,
Mike