Hey Knutnik,

Thank you for the inquiry.

Try to use this css code to add a padding to the text block with the teasertext class name.

#teaserbox .teasertext {
    padding: 3% 4% 7% 3%;
}

The second css rule above should have worked.

Best regards,
Ismael

Hi,

No problem. Unfortunately, we are not yet sure why the milestone animation is not working properly. Please keep the css code for now.

Best regards,
Ismael

Hi,

We ran a test again on the page speed insights tool and found out that the stylesheets are still combined using the SG Optimizer’s option. We recommend disabling that option temporarily because it is blocking rendering by about 900ms, longer on the previous test. It also combines a lot of unused css code.

Screenshot: https://imgur.com/HrNlD6B

We also tested the site on gtmetrix and it returns a much more favorable result with LCP for only about 2.5s.

// https://gtmetrix.com/reports/www.bookconfidential.blog/VbUuZrnH/

Have you tried using the Autoptimize plugin? And as suggested above, you can enable the Load only used elements option to improve the page speed. This should also improve LCP by significant amount.

To further optimize the site, please check the following articles.

// https://kriesi.at/archives/scoring-100-100-in-google-pagespeed-insights-gtmetrix-pagespeed-and-yslow
// https://gtmetrix.com/wordpress-optimization-guide.html

Best regards,
Ismael

Hi,

it does not play any role

What do you mean? The screenshot above shows that the content of the second page after the more tag is hidden. We tried to check the page again today but there is a database error. Please let us know when the site is up again.

Have you tried asking the plugin author about the issue? They should be able provide additional help regarding the problem.

Best regards,
Ismael

Hey zwachm,

Thank you for the inquiry.

Looks like the content of the Advance Layout Builder (ALB) is displaying as excerpt. Try to use this filter in the functions.php file to prevent the excerpt from displaying when the post is using the ALB.

add_filter('avf_masonry_loop_entry_content', function($content, $entry) {
      $is_alb =  Avia_Builder()->get_alb_builder_status( $entry->ID ) == 'active';
      if($is_alb) $content = "";
      return $content;
}, 10, 2);

Best regards,
Ismael

Hi,

Thank you for the info.

The variation image switch should work properly when the Enfold > Shop Options > Product gallery is set to the default Woocommerce 3.0 gallery. The default theme gallery is currently used in the site, which is why the switch is not working.

Best regards,
Ismael

Hey Hafeez Ullah,

Thank you for the inquiry.

Those container are not generated by the theme, or do not exist in any of the theme template files. Did you create a custom template file? We can remove the container with a simple script if you like.

Something like this.

var summary = document.querySelector(".page-summary");
summary.remove();

You can use the wp_footer hook to append it to the page or to the document, or use the wp_add_inline_script function.

// https://developer.wordpress.org/reference/functions/wp_add_inline_script/

Best regards,
Ismael

Hey schweg33,

Thank you for the inquiry.

Are the icons actual images? How did you add them? Looks like the icons are only visible on the first slide. If they are actual images, then you have to use the filter property to adjust their color.

.saturate { filter: saturate(3); }
.grayscale { filter: grayscale(100%); }
.contrast { filter: contrast(160%); }
.brightness { filter: brightness(0.25); }
.blur { filter: blur(3px); }
.invert { filter: invert(100%); }
.sepia { filter: sepia(100%); }
.huerotate { filter: hue-rotate(180deg); }
.rss.opacity { filter: opacity(50%); }

You can use font icons instead of actual images.

// https://fontawesome.com/
// https://fontello.com/

Best regards,
Ismael

Hey!

Don’t you agree with that?

We are actually offering work arounds, or at least providing suggestions to fix the issue temporarily, while we are trying to figure out what is actually causing the issue. I thought that was how the previous responses are coming.

The issue seems to only occur when the posts are created with the advance layout builder, so manually adding an excerpt and showing that text instead of the actual builder content should fix the issue temporarily.

We will forward the issue to our channel.

Cheers!
Ismael

Hi,

Thank you for the update.

Based on our initial test, as you can see in the screenshot above, the site scored poorly on mobile, so we just thought that you should focus on optimizing the site first instead of focusing on the CLS score. We did not mean that you should ignore CLS completely. We did not check or test it on gtmetrix though. And yes, unfortunately, we are not yet sure what is causing the layout shifts in the front page aside from the image animations on every section. We will keep the thread open.

Best regards,
Ismael

Hi,

Thank you for following up.

For more info about adding a new font in the theme, please check the following documentation.

// https://kriesi.at/documentation/enfold/typography/#how-to-add-google-fonts-using-css

And in order to properly upload a custom font, please check this section.

// https://kriesi.at/documentation/enfold/typography/#how-to-upload-custom-fonts

You can also use the avf_google_heading_font filter to include a new item in the font selection. Usage examples can be found in the following threads.

// https://kriesi.at/support/topic/google-fonts-not-appearing-in-safari/
// https://kriesi.at/support/topic/unable-to-upload-google-font-into-enfold/#post-1138540
// https://kriesi.at/support/topic/font-weight-issues/#post-1298391

Best regards,
Ismael

Hi,

The following folder structure is actually not valid…

publication_post/loop-index.php

.. unless you have modified the the single-publication_post.php file, and change this code.

 get_template_part( 'includes/loop', 'index' );

This tells WP to get a template inside the includes folder with the name loop-index.

But using a conditional function as we suggested above should be enough in this case.

Best regards,
Ismael

Hi,

Thank you for following up.

We added the orderby parameter in the new query.

 
				$this->avia_new_query = array(	"orderby" => "modified", "posts_per_page"=>$count, 
					'date_query' => array(
						'column' => 'post_modified',
					),'tax_query' => array(
						array( 'taxonomy' => $this->avia_term,
							'field' => 'id',
							'terms' => explode(',', $cat),
							'operator' => 'IN')
					));

We tested and confirmed that it is working by editing the REMOVALISTS RED HILL SOUTH portfolio item. We also deactivated the cache plugin and the file compression settings temporarily. Please enable them back after checking the widget.

Best regards,
Ismael

Hi,

Thank you for that info. Please feel free to open another thread if you need anything else.

Have a nice day.

Best regards,
Ismael

Hi,

Sorry for the delay. You can replace the css code with this one to make sure that only the first level of the menu list is affected.

#top #header .av-main-nav > li:nth-child(4) {
    margin-right: calc(100% - 500px);
}

We just added the greater-than symbol before the li:nth-child(4).

Best regards,
Ismael