Archived topic
Button's issue
1 reply · Started by Yaroslav on December 17, 2019
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} -->
<!-- /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"} -->
<!-- /wp:button -->
<!-- /wp:column -->
<!-- wp:column -->
<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"} -->
<!-- /wp:button -->
<!-- /wp:column -->
<!-- wp:column -->
<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"} -->
<!-- /wp:button -->
<!-- /wp:column -->
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 :)
