Hi,

Thank you following up.

The lazyload feature is option of the Smush plugin. The images started to display back after disabling the option.

Best regards,
Ismael

Hi,

Thank you for the update.

You have to upload the images in the kiactiv site, or make the other domain lymphactiv accessible to the kiactiv site by configuring the htaccess as described in the thread above.

Best regards,
Ismael

Hi,

Thank you for the update.

You forgot to remove the code from the parent theme’s functions.php file. Also, it is not working properly because there is another function called “move_postmeta” in the child theme’s functions.php file that moves the post meta info after the categories. Please disable it temporarily.

Best regards,
Ismael

Hi,

Thank you for the update.

If you are going to use that option, you will have to modify the enfold\framework\js\conditional_load\avia_google_recaptcha_front.js file, look for this if statement or code around line 57..

if( ! allow_continue )

.. and above it, add this code:

allow_continue = true;

Please don’t forget to toggle the Performance > File Compression settings after doing the modification.

Best regards,
Ismael

Hi,

Thank you for the clarification.

Try to add a custom css class attribute to the column containing the image, then adjust its z-index property. Example:

.custom-column-with-image {
  position: relative;
  z-index: 1000;
}

// https://kriesi.at/documentation/enfold/add-custom-css/

Best regards,
Ismael

Hi,

Thank you for the update.

The site is not loading properly on our end. Is the server down?

Please try to adjust the max-width value in the css media query from 479px to 768px and make sure that the Enfold > Performance > File Compression settings are disabled. Let us know if that helps.

Best regards,
Ismael

Hey!

So my question is whether it is up to your design which leads to the delay using the CHROME – Browser?

We can’t reproduce the issue on our end, so it’s probably not an issue with the theme. Do you have a lot of extensions in your Chrome browser? What is the actual specs of the device/computer where you are testing this?

Cheers!
Ismael

Hey Mathias_M,

Thank you for the update.

You can add a unique id or class attribute to the heading tag containing the link. In the code above, look for this part:

<h2 style="color:#f34607; text-align: center;">

Replace it with:

<h2 class="calendly-heading" style="color:#f34607; text-align: center;">

You will then be able to use the following css declaration to change the style of the link.

.calendly-heading a {
   color: red;
}

.calendly-heading:hover a {
   text-decoration: underline;
}

Best regards,
Ismael

Hi,

Thank you for the update.

That option is not available in the navigation menu widget, so you might have to find another plugin for it. However, if you want the sub menu items to be hidden initially and only display them when the parent category is hovered, then we can use the following css code

.widget_nav_menu .sub-menu {
    display: none;
}

.widget_nav_menu li:hover .sub-menu {
    display: block;
}

Best regards,
Ismael

Hi,

Thank you for the update.

Is it possible to change the header color, without having to activate the shrinking header?

The required class attribute header-scrolled is only available when the shrink option is enabled and the css modifications above will not work without this attribute, so it has to be enabled. You can always use css to prevent the header from shrinking even if the option is enabled.

Now, if you want the header to only change after scrolling down up to a certain point or position, then you have to modify the enfold\js\avia-snippet-sticky-header.js. Add another condition in the else statement.

 if(st - 30 < el_height)
	                {
	                    av_change_class(header, 'remove', 'header-scrolled-full');
	                }
	                else
	                {
	                    av_change_class(header, 'add', 'header-scrolled-full');
	                }

Best regards,
Ismael

Hi,

Thank you for the update.

We can’t reproduce the issue in the site anymore. The header or green bar is no longer visible on iPad view — either portrait and horizontal view. Did you enable the css and js compression previously?

When you have the time, please upgrade the theme to the latest version, 4.7.1. The new version contains a lot of addons, improvements and compatibility patches for the latest version of WordPress.

Best regards,
Ismael

Hi,

@edgold: Are you using an extension or plugin for the images? The URL of the featured images look a bit different and the appended query is probably being used by a certain script to load a different image instead of the selected thumbnail. (see private field)

Best regards,
Ismael

Hey wohnliese,

Thank you for the inquiry.

The theme doesn’t limit the maximum size allowed in the Media > Library, so this is probably cause by one of the plugins installed in the site. Did you install any image compression plugin, or any extension related to media files?

Best regards,
Ismael

Hi,

1.) Please read the comments after each thumbnail registration in the functions.php file.

featuredmages -> for fullsize pages and fullsize slider
featured_large -> images for fullsize pages and fullsize slider
extra_largewidth -> images for fullscrren slider
portfolio -> images for portfolio entries
entry_with_sidebar -> big images for blog and page entries

2.) The theme will use the original version of the image if the certain thumbnail used for an element, template or content is not available.

We can’t really know which thumbnail are being used or not within the site without inspecting it. Unfortunately, this will require significant amount of time and is beyond the scope of support.

Best regards,
Ismael

Hey Bert,

Thank you for the inquiry.

1.) It depends on the content or template used within the site, or the elements that you added in the advance layout builder. To get an idea on how or where each thumbnail is used, check the comments in this block of code from the functions.php file.

$avia_config['imgSize']['widget'] 			 	= array('width'=>36,  'height'=>36);						// small preview pics eg sidebar news
$avia_config['imgSize']['square'] 		 	    = array('width'=>180, 'height'=>180);		                 // small image for blogs
$avia_config['imgSize']['featured'] 		 	= array('width'=>1500, 'height'=>430 );						// images for fullsize pages and fullsize slider
$avia_config['imgSize']['featured_large'] 		= array('width'=>1500, 'height'=>630 );						// images for fullsize pages and fullsize slider
$avia_config['imgSize']['extra_large'] 		 	= array('width'=>1500, 'height'=>1500 , 'crop' => false);	// images for fullscrren slider
$avia_config['imgSize']['portfolio'] 		 	= array('width'=>495, 'height'=>400 );						// images for portfolio entries (2,3 column)
$avia_config['imgSize']['portfolio_small'] 		= array('width'=>260, 'height'=>185 );						// images for portfolio 4 columns
$avia_config['imgSize']['gallery'] 		 		= array('width'=>845, 'height'=>684 );						// images for portfolio entries (2,3 column)
$avia_config['imgSize']['magazine'] 		 	= array('width'=>710, 'height'=>375 );						// images for magazines
$avia_config['imgSize']['masonry'] 		 		= array('width'=>705, 'height'=>705 , 'crop' => false);		// images for fullscreen masonry
$avia_config['imgSize']['entry_with_sidebar'] 	= array('width'=>845, 'height'=>321);		            	// big images for blog and page entries
$avia_config['imgSize']['entry_without_sidebar']= array('width'=>1210, 'height'=>423 );						// images for fullsize pages and fullsize slider
$avia_config['imgSize'] = apply_filters('avf_modify_thumb_size', $avia_config['imgSize']);

2.) The images are not going to be enlarged if they are smaller than the specified thumbnails. Only smaller thumbnails or versions will be generated.

3.) If you delete a specific thumbnail, WordPress will no longer generate this thumbnail when you upload an image or regenerate the whole media library.

4.) If a thumbnail is not available, the theme will use the original version of the image.

Best regards,
Ismael