Hey togetherconcept,

Thank you for the inquiry.

We can’t reproduce the issue on our end. Would you mind providing a screenshot or a short clip of the issue? You can use imgur, savvyify or dropbox for the screenshot. Thanks.

Best regards,
Ismael

Hey bigskyjt,

Thank you for the inquiry.

You have to modify the includes > loop-index.php file and adjust this code around line 88.

$size = strpos( $blog_style, 'big' ) ? ( ( strpos( $current_post['post_layout'], 'sidebar' ) !== false ) ? 'entry_with_sidebar' : 'entry_without_sidebar' ) : 'square';

Replace the thumbnail entry_with_sidebar with full.

$size = strpos( $blog_style, 'big' ) ? ( ( strpos( $current_post['post_layout'], 'sidebar' ) !== false ) ? 'full' : 'entry_without_sidebar' ) : 'square';

You can also use the following plugin to adjust the size of the entry_with_sidebar thumbnail.

// https://wordpress.org/plugins/image-sizes-controller/

Best regards,
Ismael

Hi!

Thank you for the update.

Looks like the script ava_full_image_block_height is not working in your installation. Did you add it in the functions.php file? Please look for this line..

$('.wp-block-image.alignfull.size-large').each(function(){

.., then replace it with:

$('.wp-block-image.alignfull').each(function(){

It should work now.

Best regards,
Ismael

Hi,

Glad to know that you managed to figure out the issue. Please feel free to open another thread if you have more questions about the theme.

Have a nice day.

Best regards,
Ismael

Hey!

The theme doesn’t support fullwidth image blocks by default but we can add a few modifications to adjust it, without editing the single.php template. You can start by adding this code in the functions.php file, which should dynamically adjust the height of the fullwidth image container on window resize.

function ava_full_image_block_height()
{?>
    <script>
	(function($){
		var win = $(window);

		$(document).ready(function() {
			win.trigger("debouncedresize");
		});

		win.on("debouncedresize", function(){
			$('.wp-block-image.alignfull.size-large').each(function(){
				var imgh = $(this).find('img').height();
				$(this).height(imgh);
			});
		});
	})(jQuery);
</script>
    <?php
}
add_action('wp_footer', 'ava_full_image_block_height', 9999);

Then add this css to adjust the width of the image and make it fullwidth.

.wp-block-image.alignfull img, .wp-block-image.alignwide img {
    height: auto;
    width: 100vw;
    max-width: none;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
}

Let us know if this helps.

Cheers!
Ismael

Hi,

Thank you for the update.

The theme has its own Advance Layout Builder (ALB) which includes various gallery and slider elements. You can use these elements instead of manually adding the code. Please check the documentation below to help you get started with the theme and the ALB.

// https://kriesi.at/documentation/enfold/intro-to-layout-builder/
// https://kriesi.at/documentation/enfold/quick-setup/

Best regards,
Ismael

Hi!

Sorry for the delay. Did you add any html tags in the page? Please make sure that all tags are closed properly because unclosed tags could break the layout of the page and cause errors in the builder. You should also avoid using input and script tags inside the builder. If you need to add these elements in the page, try to create custom shortcodes for them instead.

// https://codex.wordpress.org/Shortcode_API

Best regards,
Ismael

Hi,

Great! Glad to know that the changes are working. Let us know if you have more questions.

Have a nice day.

Best regards,
Ismael

Hi,

Sorry for the late response. We checked the site but we can’t figure out why the posts are not translatable. Translation works fine on pages. Have you tried deactivating the other plugins?

Best regards,
Ismael

Hi,

That is the default featured image preview size. It will not really affect the frontend. Please feel free to open another thread if you have more questions about the theme.

Have a nice day.

Best regards,
Ismael

Hi,

Now, I need some help from you to include these 4 lines of code into your template.

Please provide the code on pastebin.com so that we can see what it is. Again, we don’t provide support for third party plugins for good reasons, but we will try to help as much as possible. You can check our support policy in the following page, scopes and limitations.

// https://kriesi.at/support/register/#av_section_2

Please keep in touch with the plugin developers for more info.

Best regards,
Ismael

Hi,

Thank you for the update.

To adjust the style of the comment form elements, please add this css code.

#commentform label {
    position: relative;
    left: 0;
}

#commentform .comment-form-author {
    float: left;
    margin-right: 10px;
}

#commentform p.comment-form-cookies-consent label {
    margin-top: -20px;
}

#commentform .comment-form-cookies-consent input {
    top: 10px;
    position: relative;
}

#commentform p.form-submit {
    text-align: center;
}

You may need to toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css.

Best regards,
Ismael

Hi,

Thank you for the update.

You can try this css code to adjust the fadein effect of the slider caption and slider title.

.avia_transform .av_slideshow_full.avia-fade-slider .active-slide .avia-caption-content,
.avia_transform .av_fullscreen.avia-fade-slider .active-slide .avia-caption-content {
  visibility: visible;
  -webkit-animation: avia-fadein 0.5s 1 ease-out;
  animation: avia-fadein 0.5s 1 ease-out;
}

.avia_transform .av_slideshow_full.avia-fade-slider .active-slide .avia-caption-title,
.avia_transform .av_fullscreen.avia-fade-slider .active-slide .avia-caption-title {
  visibility: visible;
  -webkit-animation: avia-fadein 0.5s 1 ease-out;
  animation: avia-fadein 0.5s 1 ease-out;
}

.avia_transform .av_slideshow_full.avia-fade-slider .active-slide .avia-slideshow-button,
.avia_transform .av_fullscreen.avia-fade-slider .active-slide .avia-slideshow-button {
  visibility: visible;
  -webkit-animation: avia-fadein 1.2s 1 ease-out;
  animation: avia-fadein 1.2s 1 ease-out;
}

Best regards,
Ismael

Hi,

Thank you for the update.

You have to create a mailchimp account and generate an API key before using the Mailchimp element in the Advance Layout Builder. Please check the documentation below for more info.

// https://kriesi.at/documentation/enfold/mailchimp-signup/#overview

Best regards,
Ismael

Hi,

You will probably get more options using WPRocket’s lazyload option because the option in the theme is using the default WordPress lazyload which relies on the native lazy loading capabilities of browsers. The best way to figure out is to test both one at a time and see which configuration works best for your site.

Best regards,
Ismael