[Support request] Button's issue

[Yaroslav]

Hi! I tried to change the size of the button (I want these 3 buttons be the same size) and chenged the code and now I have one button displayed incorrectly. Home page
So my questions are: how to fix the code below and how to make these 3 buttons the same size?

<!– wp:columns {“columns”:3} –>

<h3>Blog</h3>
<!– /wp:heading –>

<!– wp:paragraph –>
<p>Here we post the best advice, how-tos and insights into data security.</p>
<!– /wp:paragraph –>

<!– wp:button {“className”:”is-style-squared”} –>

Start Reading

 

 

<!– /wp:button –>

<!– /wp:column –>

<!– wp:column –>

<!– wp:heading {“level”:3} –>
<h3>Our Services</h3>
<!– /wp:heading –>

<!– wp:paragraph –>
<p>See how we can help protect your business.</p>
<!– /wp:paragraph –>

<!– wp:button {“className”:”is-style-squared”} –>

Learn More

 

<!– /wp:button –>

<!– /wp:column –>

<!– wp:column –>

<!– wp:heading {“level”:3} –>
<h3>Contact</h3>
<!– /wp:heading –>

<!– wp:paragraph –>
<p>Want to get in touch? We’d love to hear from you. Here’s how you can reach us.</p>
<!– /wp:paragraph –>

<!– wp:button {“className”:”is-style-squared”} –>

Get In Touch

<!– /wp:button –>

<!– /wp:column –>

[Leo]

Hi there,

You can use this CSS to use a fixed width for the buttons:

a.wp-block-button__link, a.button {
    width: 200px;
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

Let me know if this helps 🙂

[Author]

Posts