Twentig

Hi,

I see on your site that you’re using the myCred plugin. This plugin adds CSS that removes the background color of the focus button. To override it, you can add some custom CSS (Customizer > Additional CSS):

.wp-block-button:not(.is-style-outline):not(.has-background) .wp-block-button__link:focus {
	background-color: #d61347;
}

I hope the above is useful to you.

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

Hi Neil,

To change the hamburger menu icon for the Twenty Twenty theme, you can add some custom CSS (Customizer > Additional CSS, change the #ff0000 value with your own color):

body:not(.overlay-header) #site-header .toggle {
	color: #ff0000;
}

I hope the above is useful to you.

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

Hi,

Sorry for the late reply.

Unfortunately, it’s not possible to achieve this layout (multiple 3 columns grid turning to 2 columns) with the Columns block.

To create a single “card with shadow” block, you can use the Columns block and set its column number to 1. Then adjust the column width as you like. And if you need to center it, add the tw-justify-center class in the “Additional CSS Class(es)” field of the columns block.

The following code can help you start:

<!-- wp:columns {"className":"tw-justify-center","twColumnStyle":"card-shadow"} -->
<div class="wp-block-columns tw-justify-center tw-cols-card tw-cols-card-shadow"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:image -->
<figure class="wp-block-image"><img src="https://s.w.org/images/core/5.5/don-quixote-02.jpg" alt=""/></figure>
<!-- /wp:image -->

<!-- wp:heading {"level":3} -->
<h3>Single Card</h3>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Lorem ipsum dolor sit amet, commodo erat adipiscing elit. Sed do eiusmod ut tempor incididunt ut labore et dolore.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

I hope the above is useful to you.
Tom

Hi JP,

The Twenty Twenty theme displays the Pinterest icon for the .com URL. So if you replace https://www.pinterest.co.uk/ with https://www.pinterest.com in your URL, the icon will be displayed. Pinterest.com is automatically redirected to your local country.

Hope that helps,
Tom

Glad it works!

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

Hi,

Thanks for the heads-up. There’s indeed an issue with the custom footer when the “Display post content” option for the blog posts is unchecked. We’ll fix it in the next release.

If you need to fix it urgently and if you’re comfortable editing the plugin file, open the twentig/inc/twentytwentyone/footer.php file.
Line 103, replace:

<?php elseif ( 'custom' === $footer_layout ) :
	$block_id = get_theme_mod( 'twentig_footer_content' );
	twentig_render_reusable_block( $block_id );
	?>

by

<?php elseif ( 'custom' === $footer_layout ) :
	remove_filter( 'the_content', '__return_empty_string' );
	$block_id = get_theme_mod( 'twentig_footer_content' );
	twentig_render_reusable_block( $block_id );
	?>

Have a nice day,
Tom

Hi Federico,

When you install a parent theme and utilize the Customizer, and then create a child theme, it doesn’t inherit any of the settings previously set for the parent theme (see https://core.trac.wordpress.org/ticket/27177)

You might try a plugin to export/import the customizer settings to get around this.
https://wordpress.org/plugins/customizer-export-import/

I hope the above is useful to you.
Tom