[Support request] Costumize the button

Home Forums Support [Support request] Costumize the button

Home Forums Support Costumize the button

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1826074
    Maggie

    Hi,

    How to change the color of the button, add round the corner, and adjust the spacing. Please see attached of my default button

    Thanks.

    #1826128
    Elvin
    Staff
    Customer Support

    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. ๐Ÿ™‚

    #1826682
    Maggie

    Hi here’s the link

    #1826840
    Ying
    Staff
    Customer Support

    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/

    #1827151
    Maggie

    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

    #1827776
    Leo
    Staff
    Customer Support

    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.

    #1828133
    Maggie

    how i can create a button with generatblocks?

    #1828741
    Ying
    Staff
    Customer Support

    Here’s the documentation of Buttons block of Generateblocks, which should be helpful ๐Ÿ™‚
    https://docs.generateblocks.com/article/buttons-overview/

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.