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

Center-align text button

  • simon
    February 23, 2024 at 10:47 pm

    Hi team,

    Just wondering if you could help – I have a button “Jump to Address” on the sample page link below (just under the video block) and I would like to centre-align it.

    Only I just can’t quite work out how to get it to the center!

    Maybe it can only be done by trageting with CSS?

    Thanks for your help in advance….

    Cheers Simon

  • David
    February 24, 2024 at 3:56 am

    Hi there,

    select that that headline block:

    1. In Layout set the Display to Flex.
    The block will span the width of the container.

    2. Size > Max Width set to: max-content
    3. Spacing > Margin Left & Right set to auto
    This will size the block to the content width and center it in the container.

  • simon
    February 24, 2024 at 3:57 pm

    Oh Wow – thanks David

    I saw that ‘flex’ made it full width and I did not know the next steps (including max-content)

    Thanks so much for your assistance!

    Simon

  • David
    February 25, 2024 at 8:57 am

    Glad to be of help!

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