Twentig

Hi,

We’ve released Twentig 1.3.1, which includes a filter hook to the post author output.

You can add the following code inside your child theme:

function custom_posted_by( $html ) {
    // enter your php code here
}
add_filter ( 'twentig_twentyone_posted_by_html', 'custom_posted_by' ); 

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

Great!

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

Inside the wp-content/plugins repository, open the twentig/inc/twentytwentyone/footer.php file.

Line 214, replace:
<?php echo wp_kses_post( str_replace( '[Y]', date_i18n( 'Y' ), $credit_text ) ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>

by
<?php echo do_shortcode( wp_kses_post( str_replace( '[Y]', date_i18n( 'Y' ), $credit_text ) ) ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>

Thanks for the review 🙂

Hi,

The spacing is defined by the Twenty Twenty-One theme. To change the spacing for the Posts page, you can add the following CSS code in the Customizer > Additional CSS panel (change the 40px value as you like):

.tw-blog-card .hentry {
    margin: 40px auto;
}
 
.tw-blog-card .hentry:first-child {
    margin-top: 0;
}
 
.tw-blog-card .hentry:last-child {
    margin-bottom: 0;
}

Yes, the settings inside the Customizer Posts Page section only affect the blog page, not the Latest Posts block.

Hope that helps,
Tom

Hi texjer,

Thanks for the heads-up. Glad you found a solution. We might consider it in the future.

Thanks,
Tom

Hi,

You can override the color palette by adding the code below inside the functions.php file of your child theme. You can either only change the variable values or completely change the array.

function my_child_theme_setup() {
	
	$black     = '#000000';
	$dark_gray = '#28303D';
	$gray      = '#39414D';
	$green     = '#D1E4DD';
	$blue      = '#D1DFE4';
	$purple    = '#D1D1E4';
	$red       = '#E4D1D1';
	$orange    = '#E4DAD1';
	$yellow    = '#EEEADD';
	$white     = '#FFFFFF';

	add_theme_support(
		'editor-color-palette',
		array(
			array(
				'name'  => esc_html__( 'Black', 'twentytwentyone' ),
				'slug'  => 'black',
				'color' => $black,
			),
			array(
				'name'  => esc_html__( 'Dark gray', 'twentytwentyone' ),
				'slug'  => 'dark-gray',
				'color' => $dark_gray,
			),
			array(
				'name'  => esc_html__( 'Gray', 'twentytwentyone' ),
				'slug'  => 'gray',
				'color' => $gray,
			),
			array(
				'name'  => esc_html__( 'Green', 'twentytwentyone' ),
				'slug'  => 'green',
				'color' => $green,
			),
			array(
				'name'  => esc_html__( 'Blue', 'twentytwentyone' ),
				'slug'  => 'blue',
				'color' => $blue,
			),
			array(
				'name'  => esc_html__( 'Purple', 'twentytwentyone' ),
				'slug'  => 'purple',
				'color' => $purple,
			),
			array(
				'name'  => esc_html__( 'Red', 'twentytwentyone' ),
				'slug'  => 'red',
				'color' => $red,
			),
			array(
				'name'  => esc_html__( 'Orange', 'twentytwentyone' ),
				'slug'  => 'orange',
				'color' => $orange,
			),
			array(
				'name'  => esc_html__( 'Yellow', 'twentytwentyone' ),
				'slug'  => 'yellow',
				'color' => $yellow,
			),
			array(
				'name'  => esc_html__( 'White', 'twentytwentyone' ),
				'slug'  => 'white',
				'color' => $white,
			),
		)
	);
}
add_action( 'after_setup_theme', 'my_child_theme_setup', 30 );

Hope that helps,
Tom

Hi Richard,

Yes, you should insert an H1 when using the “No Header, No Footer” template.

Have a nice day,
Tom

Hi,

Twentig adds an option to change the H1 font size (Customizer > Twentig Options
Fonts > Page Title Font Size).

To change the H2 size, you can add some custom CSS:

:root {
    --heading--font-size-h2: 2.25rem;
}

@media only screen and (min-width: 652px) {
	:root {
        --heading--font-size-h2: 3rem;
	}
}

2.25rem is the size on mobile. Change the 2.25rem and 3 rem values as you like. You can also change the 652px breakpoint value if you need.

Hope that helps,
Tom