Archived topic
GenerateBlocks Buttons
7 replies · Started by Nick on December 18, 2020
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