Site logo

[Resolved] GenerateBlocks Buttons

Home Forums Support [Resolved] GenerateBlocks Buttons

Home Forums Support GenerateBlocks Buttons

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1586577
    Nick

    Am looking to use the GenerateBlocks buttons and would like to display the button text beneath the icon, however I only see an option to position text to the left or right of the icon. Is there a solution to this?

    #1586661
    Leo
    Staff
    Customer Support

    Hi there,

    Try this CSS:

    a.gb-button {
        display: flex;
        flex-direction: column;
    }
    #1586817
    Nick

    thanks, see link below…can the icon/text be horizontally centred too like the image sample below ?

    #1587005
    David
    Staff
    Customer Support

    Hi there,

    can you first add a Link to your buttons, as currently there is none and the CSS Leo provided requires the link. Once thats done we can look at the alignment issue.

    #1587235
    Nick

    thanks David – have added a link to the button there

    #1587325
    David
    Staff
    Customer Support

    Now add this CSS:

    .gb-button-wrapper a.gb-button .gb-icon {
        padding-right: 0;
        margin-bottom: 10px;
    }

    I included some Margin Bottom to put some space between icon and label.

    #1587334
    Nick

    Thanks David – works a treat. Thanks very much for the speedy response.

    #1587345
    David
    Staff
    Customer Support

    You’re welcome

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