Site logo

Archived topic

GenerateBlocks Buttons

7 replies · Started by Nick on December 18, 2020

Viewing posts 1–8 of 8

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?

Hi there,

Try this CSS:

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

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

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.

thanks David - have added a link to the button there

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.

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

You're welcome

This archived topic is closed to new replies.