Yann

Hi Rick,

Sorry for the late reply. What issue do you encounter?
To display the Yoast breadcrumbs, you need to add the following PHP code in your child theme at the location where you want the breadcrumbs to be displayed:

if ( function_exists('yoast_breadcrumb') ) {
  yoast_breadcrumb( '<p id="breadcrumbs">','</p>' );
}

You can learn more on the Yoast website.

Yann

Hi,

Thanks for the feedback.

Unfortunately, the Query Loop block that displays the posts doesn’t have a way to filter the order of the posts. You can try opening a feature request on the WordPress Gutenberg repository: https://github.com/WordPress/gutenberg/issues/new/choose

Have a nice day,
Yann

Hi,

To adjust the styling of the breadcrumbs, you can add the following CSS code in the Customizer > Additional CSS panel:

#breadcrumbs {
	width: 100%;
}

@media only screen and (max-width: 651px) {
	#breadcrumbs {
		font-size: 16px;
	}
}

.tw-header-light:not(.tw-header-opaque):not(.primary-navigation-open) #breadcrumbs,
.tw-header-light:not(.tw-header-opaque):not(.primary-navigation-open) #breadcrumbs a {
	color: #fff;
}

I would recommend that you change the header menu breakpoint to Tablet under Customizer > Twentig Options > Header Breakpoint.

Hope that helps,
Yann

If you enjoy Twentig, please rate it. It would really help me out ??

Hello,

For classic themes like Twenty Twenty or Twenty Twenty-One, you can change the date format in the WordPress Dashboard under Settings > General > Date Format and enter a custom format (e.g. F j, Y - H:i:s ). You can learn more about Formatting Date and Time here.

Yann

Hi,

Sorry for the late reply.

The Memphis demo isn’t currently included in the plugin.

You can download the content of the page at: https://drive.google.com/file/d/18ousYrIA96c-s5kaCLBso6NknJTcwgdI/view

Inside your WordPress dashboard, create a page, copy and paste the content inside the editor. Then change the page template to “Twentig – Transparent header light” (see our FAQ to see how to change the page template).

If you also need to replicate the Customizer options, here are the settings to modify (starting from a clean install):

• Background Color: 120d5c
• Primary Color: #d7ffbf
• Body Font: Big Shoulders Text
• Body Font Size: 22
• Body Line Height: 1.6
• Heading Font: Big Shoulders Display
• Heading Font Weight: 900
• Logo Font Weight: 900
• H1 Font Size: 96
• Logo Font Size: 24
• Header Width: Full
• Menu Spacing: Large
• Text Width: 600
• Button Background Color: #120d5c
• Button Text Color: #d7ffbf
• Button Hover Background Color: #120d5c
• Button Size: Small

Hope that helps,
Yann

Hi Richard,

The video you uploaded has black borders on the left and right sides. You must crop the mp4 and generate a new video to get rid of it. Concerning the top and bottom border, we don’t see them (at any size, on different browsers). Maybe it’s due to browser rendering at a specific size.

Yann

It seems that the issue is related to the update to WordPress 6.1. In your page template, select the Post Content block, and in the settings sidebar try to enable “Inner blocks use content width” so that the inner blocks are constrained.

Please also deactivate Twentig ??

Concerning the “site-chaos”, it doesn’t seem related to Twentig. Normally WordPress inserts CSS Class to the group blocks on the front end. Currently, they aren’t printed on your website. To rule out any conflict with plugins, please deactivate all your plugins and let me know once it’s done.

We’ve managed to fix the issue, and we’ll release an update later today. In the meantime, only if you’re familiar with editing php file, you can edit the wp-content/plugins/twentig/inc/blocks.php and replace lines 491 to 503

if ( isset( $attributes['id'] ) ) {
	$image_meta = wp_get_attachment_metadata( $attributes['id'] );
	$width      = absint( $image_meta['width'] );
	if ( $width ) {
		//cf wp_image_add_srcset_and_sizes()
		$sizes = sprintf( '(max-width: 799px) 200vw,(max-width: %1$dpx) 100vw,%1$dpx', $width );
		if ( isset( $attributes['twRatio'] ) ) {
			$sizes = sprintf( '(max-width: 799px) 125vw,(max-width: %1$dpx) 100vw,%1$dpx', $width );
		}			
		$attr          = sprintf( ' sizes="%s"', esc_attr( $sizes ) );
		$block_content = preg_replace( '/<img ([^>]+?)[\/ ]*>/', '<img $1' . $attr . ' />', $block_content, 1 );
	}
}

by

if ( isset( $attributes['id'] ) ) {
	$image_meta = wp_get_attachment_metadata( $attributes['id'] );
	if ( $image_meta && isset( $image_meta['width'] ) ) {
		$width = absint( $image_meta['width'] );
		if ( $width ) {
			//cf wp_image_add_srcset_and_sizes()
			$sizes = sprintf( '(max-width: 799px) 200vw,(max-width: %1$dpx) 100vw,%1$dpx', $width );
			if ( isset( $attributes['twRatio'] ) ) {
				$sizes = sprintf( '(max-width: 799px) 125vw,(max-width: %1$dpx) 100vw,%1$dpx', $width );
			}			
			$attr          = sprintf( ' sizes="%s"', esc_attr( $sizes ) );
			$block_content = preg_replace( '/<img ([^>]+?)[\/ ]*>/', '<img $1' . $attr . ' />', $block_content, 1 );
		}
	}
}

Thanks

Hi,

Thanks for your feedback. We understand what might cause the issue. Would you please share the URL of your website so we can have a better understanding?

Thanks for the logs, it’s helpful. To be sure that this line is the only one causing the issue, if you’re familiar with editing php file, could you please try to edit the wp-content/plugins/twentig/inc/twentytwentytwo.php and line 65 replace

add_filter( 'wp_theme_json_data_theme', 'twentig_twentytwo_filter_theme_json_theme' );

by

//add_filter( 'wp_theme_json_data_theme', 'twentig_twentytwo_filter_theme_json_theme' );

Then try to reactivate the Twentig plugin to see if the issue disappears.

On the patientenstimme-sma.de website, please try to activate Twentig 1.5.1 (without any other plugin) with debug mode still on.

I can’t reproduce this issue on my side with the same parameters as yours. As we can’t access your admin dashboard (www.remarpro.com strictly forbids it), it’s difficult for me to find the cause of the issue.

To rule out any plugin conflict, please try to temporarily deactivate all of your plugins except Twentig to see if this solves the issue.

If possible, please turn on the WordPress debug mode by editing the wp-config.php file so that I can see if it prints more detailed error message. Replace define( 'WP_DEBUG', false ); by define( 'WP_DEBUG', true );

(more details here)

Thomas,

Thank you for the info. I’m seeing the error on your website. To be clear, do you currently have WordPress 6.1 or WordPress 6.0? And is Twentig 1.5.1 currently active on your website?