Hi,

Thank you for the update.

It seems to be an issue with the image overlay. Please try to add this css code:

#top .image-overlay.overlay-type-image {
    position: absolute !important;
}

Best regards,
Ismael

Hey Gary,

Do you need a new token? If so, then please follow this: https://kriesi.at/documentation/enfold/theme-registration/

Are you looking for the font which was used in the image which is set as the logo, or the fonts used for text?

Best regards,
Rikard

Hi,

Thank you for the update.

Instead of doing all of that for every color section on the website, can I somehow change the color section code to have the image file mentioned

This is possible but it would require modifications that are beyond the scope of support. You may need to hire a freelance developer or contact our partner, Codeble. Please check this link: https://kriesi.at/contact/customization

Best regards,
Ismael

Hi,
Thank you for your patience, I added this css to your Quick CSS:

@media only screen and (min-width: 768px) {
    #header_main #avia-menu > li, #avia-menu > li > a {
        height: 35px !important;
        line-height: 20px !important;
    }
    #menu-item-8663 .avia-menu-text{
    	text-align: center;
    }
    #avia-menu .avia-menu-text {
				width: 250px;
				display: inline-block;
}
    #menu-item-8663 .avia-menu-fx {
    	width: 248px;
    	margin-left: 10px;
    }
    #menu-item-8663 a {
    	padding: 2px;
    }
}

and it now looks like this:

please clear your browser cache and check.

Best regards,
Mike

Hi,
Thanks for your patience, the color section background image is added via css and there seems to be a caching issue so the same image is shown on each page.
I added this to the end of your child theme functions.php

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 );

and it seems to have solved, please clear your browser cache and check.

Best regards,
Mike

Hey JL,
Unfortunately fontello.com doesn’t offer a Blue Sky icon, perhaps they will in the future as it becomes more popular, in the meanwhile you could add your Blue Sky link to a social network that you don’t use and use css to replace the icon with a Blue Sky image. See this thread.
You can also add your request to the open Enfold Feature Request for Blue Sky here.

Best regards,
Mike

Hi,

Thank you for the update.

background images for color sections doesn’t get dynamic image scaling (serving different sizes for users with different screen sizes).

You may need to manually apply a different background for different screen sizes using css media queries.

Example:

/* For small screens (up to 768px wide) */
@media (max-width: 768px) {
  .avia-custom-section {
    background: url('small-screen-background.jpg') no-repeat center center;
    background-size: cover;
  }
}

/* For medium screens (769px to 1024px wide) */
@media (min-width: 769px) and (max-width: 1024px) {
  .avia-custom-section {
    background: url('medium-screen-background.jpg') no-repeat center center;
    background-size: cover;
  }
}

/* For large screens (1025px and wider) */
@media (min-width: 1025px) {
  .avia-custom-section {
    background: url('large-screen-background.jpg') no-repeat center center;
    background-size: cover;
  }
}

Best regards,
Ismael

Hi,

Thank you for the update.

You can try this plugin to preload images that cause high LCP: https://wordpress.org/plugins/preload-lcp-image/

Best regards,
Ismael

Hey Andreas,
Thanks for the link to your site, I see that it is using v4.8.8 of Enfold. This is very old, please login to your Theme Forest account and update to v6.0.8
To 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,

Thank you for the update.

You may need to call the enfold\js\avia-snippet-parallax.js > avia_parallax function after the interaction.

 $( function()
    {
		//activate parallax scrolling for background images (sections) and objects.
    	if( $.fn.avia_parallax )
		{
			$( '.av-parallax,.av-parallax-object' ).avia_parallax();
		}
	});

Achieving the customization you described may require significant time and theme modifications, which are beyond the scope of our support. For assistance, consider hiring a freelancer via our customization page.

If you have other questions or need further help, let us know.

Best regards,
Ismael