Costumize the button

Hi Maggie,

Can you link us to the page you're working on? So I can inspect what block is used for the button.

If it's GenerateBlocks, I believe you can set the border radius of the button to add a rounded corner effect to it. You can also add margin bottom to the button as well.

If it's a WordPress default button block or custom HTML, we'll need to write a custom CSS for this.

You can share the link privately to the private information text field.

Let us know. :)

Hi here's the link

Hi Maggie,

Try this CSS:

.single-post a.button {
    margin-bottom: 20px;
    border-radius: 10px;
}

Feel free to adjust the numbers.

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

How I can change button default color/ hover color or as Per Post example below.

1. example: example.com/best-travel-bag/ - I used the color blue button
2. example: example.com/best-sotware/ - I used color green button

Not sure if I fully understand.

You want to use buttons with different styles?

If so the easiest way is to use GenerateBlocks. Otherwise, you will need to write lots of CSS with custom classes which isn't idea.

how i can create a button with generatblocks?

Here's the documentation of Buttons block of Generateblocks, which should be helpful :)
https://docs.generateblocks.com/article/buttons-overview/