Inconsistency between Full & Outline Button

[ad_1]

Plugin Support
Yann

(@collet)

Hi Michael,

Thanks for the feedback. Would you please tell me which theme and version of WordPress you’re using? Can you share the URL of one of your websites?

Thanks,
Yann

Thread Starter
Michael

(@michael-luther)

Hi Yann,

thank you very much for your response.

WordPress v6.1
Twenty Twenty v2.1
(everything is up to date)

On the home page in the first cover block you can see both buttons next to each other.

  • This reply was modified 40 minutes ago by Michael.
  • This reply was modified 11 minutes ago by Michael.

Plugin Support
Yann

(@collet)

You’re right, the outline button has an unnecessary style specification that overrides the theme’s button styles. WordPress has added this CSS since the 6.1 version. We’ll add a fix in the next Twentig release. In the meantime, if you want to fix it, you can add the following CSS code in the Customizer > Additional CSS panel:

.wp-block-button.is-style-outline > a.wp-block-button__link {
    padding: calc(1.1em - 0.2rem) calc(1.44em - 0.2rem);
}

Hope that helps,
Yann

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

Thread Starter
Michael

(@michael-luther)

Ok, then it’s because of WordPress.

Before I posted the URL to the website, I had already implemented the fix via Customizer.

Thank you Yann for taking a closer look. 🙏 👍

Reviewed

 

This site will teach you how to build a WordPress website for beginners. We will cover everything from installing WordPress to adding pages, posts, and images to your site. You will learn how to customize your site with themes and plugins, as well as how to market your site online.

Buy WordPress Transfer