Twentig

Hi @sabadom,

Thanks for your feedback. I’ve tested on my side, but I can’t replicate this issue. I don’t think the problem comes from Twentig. If you’re interested, I can help you change the fonts on your site with Twentig. Would you please tell me which theme you’re using and, if possible, share the URL of your site?

Yann

Hi,

I’ve replicated your steps, but I haven’t experienced any issues. When I insert a Cover block, WordPress allows me to set it to full-width (see screenshot). Please let me know if you still have the issue.

Diane

Hi Peter, webfreund,

We’ve just released Twentig 1.4.8 that fixes this issue. Thanks again!

Yann

Hi,

We’ve just released Twentig 1.4.8 that adds Dynapuff to the font list.

Have a nice day,
Diane

Hello,

Do you still have this issue? I don’t see what could cause this problem.

I’m not sure that the issue is related to Twentig. Would you please temporarily deactivate the Twentig plugin? (If the problem persists, then the issue is not related to Twentig.)

Please let me know,
Yann

Hi Adrian,

To achieve a full-screen cover with Twenty Twenty-Two, you should use the Cover block:

1. Inside your page or template, insert a Cover block.
2. In the top toolbar, click on the “Full width” button and the “Toggle full height” button.
3. Next, click on “Use featured image” in the top toolbar.

Or you can paste the following code to insert a full-screen cover:

<!-- wp:cover {"useFeaturedImage":true,"dimRatio":50,"minHeight":100,"minHeightUnit":"vh","isDark":false,"align":"full"} -->
<div class="wp-block-cover alignfull is-light" style="min-height:100vh"><span aria-hidden="true" class="wp-block-cover__background has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"center","placeholder":"Write title…","fontSize":"large"} -->
<p class="has-text-align-center has-large-font-size"></p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:cover -->

Hope that helps,
Yann

Hi Peter,

Thanks for the feedback and finding this issue. We’ll fix it in a future release.

We are honored to be featured in your book. This is amazing!

Thanks,
Yann

Hi Sean,

To change the background on the home page, you can add the following CSS code in the Customizer > Additional CSS panel (change the #ccc value as you want):

.home .site {
    background-color: #ccc;
}

Hope that helps,
Yann

Hi Joe,
Glad it works. Thank you for the donation, it’s very much appreciated.
Have a nice day.

The font URL is optimized by Ezoic. But is seems that the Kadence Blocks plugin adds the URL. On your page, you’re using a Kadence Advanced Text block which font-family is set to Raleway:
.kadence-advanced-heading-wrapper .kt-adv-heading_8704f0-c3[data-kb-block=kb-adv-heading_8704f0-c3]{text-align:center;font-size:22px;font-weight:700;font-family:Raleway}

For this Advanced Text block, you can try to set the font-family as default (as all your headings are globally set to Raleway).

On your website, the menu-toggle class is still added to the header part. This is what I see in your code: <header class="menu-toggle wp-block-template-part">

Remove your previous CSS code:

@media screen and (max-width: 768px) {
    .menu-toggle:after {
        content: 'Menu';
        font-size: 20px;
    }
}

and replace it by the following one:

.wp-block-navigation__responsive-container-open::after {
    content: "Menu";
    font-size: 20px;
}

That should do the trick.

Yes, the reference to Raleway…100 900 that you see in the head of the page is added by Twentig and links to the Raleway font files hosted on your server. Indeed, it means all weights between 100 and 900 are included (variable font).

The URL which causes the conflict is added by another plugin: <link href="https://fonts.googleapis.com/css?family=Raleway:700,regular&display=optional" rel=stylesheet ezfontsrc="//fonts.googleapis.com/css?display=optional&family=Raleway%3A700%2Cregular&subset=latin" as=style>

Thanks for the URL. The issue is that you’ve added the menu-toggle class in 2 locations. You’ve added it on the navigation block (which is OK) but also on the header template part. Try to remove it from the header template part, and it should work.

Hi,

Glad you love the plugin!

We can’t add the divider option to the Cover block as the CSS we’re using to achieve it for the Group block doesn’t work with background-image. We’ll see if we can use another method.

Have a nice day,
Yann

Hi,

I’ve tested on my side to add more font weights, and it works correctly. Maybe it’s a cache issue or a conflict with another plugin.
Do you still have the issue? If so, would you please share the URL of your website?

Thanks,
Yann