Are you a GenerateCustomer?

Do you have an active GP Premium or GenerateBlocks Pro license key?

Create a GenerateSupport account for GeneratePress and GenerateBlocks support in one dedicated place.

Create an account
Already have a GenerateSupport account? Login

Just browsing?

Feel free to browse the forums. Support for our free versions is provided on WordPress.org (GeneratePress, GenerateBlocks).

Want to become a premium user? Learn more below.

GeneratePress GenerateBlocks

Button effect

  • Valerrr
    January 5, 2026 at 2:47 pm

    Hello, could you please advise me on how to use GenerateBlocks PRO to create a button with a similar effect?

    Thank you

  • Ying
    January 5, 2026 at 2:55 pm

    Hi there,

    1. select the button block, go to the effect panel > transform > rotate, set it to -5deg, click add transition button to add a smooth transition.
    https://app.screencast.com/vXODTX7BlN1vl

    2. select the button block, click the Hover selector at the top of the rightsidebar > styles panel, go to the effect panel > transform > rotate, set it to 0.
    https://app.screencast.com/XtTfY54ovMD5y

    Let me know if this helps!

  • Valerrr
    January 6, 2026 at 8:01 am

    One more question. How can I ideally set the button so that it is displayed in the center but is not stretched to the edges of the phone? I don’t want to use a container.

    Maybe add max width?

    Thank you 🙂

  • Ying
    January 6, 2026 at 8:44 am

    Maybe add max width?

    Yes, that will work. And set its margin-left and margin-right to auto to center it.

    You can set the max-width to fit-content.

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