Note: The key to getting a smooth line when using diagonal gradients is to leave a 1% gap between the colours. If the gradient is horizontal or vertical, you don’t need to leave a gap.

When using border radius there is a faint coloured outline on hover. You can probably see it here inside the editor when you hover over any of the buttons. The CSS in the parent row Custom CSS box fixes this ugly line on the frontend.

.bb-icon-buttons-1 .kb-button {
outline: 2px solid var(–global-palette1);
outline-offset: -3px;
}


If you change the gradient colours or the thickness of the border, you may also need to change the thickness, colour, and offset of the outline in the CSS.

Support
Download
Contact
Support
Download
Contact