Button Custom
BakeMyWeb supports various kinds of buttons and every kind is customisable. If you provide a link that starts with http
, it assumes that the link is external, and hence opens the link in a new tab.
Syntax
{{< button-custombutton-background-color
="Any valid color in rgba, hex, hsla, hwba (note: every format allows setting alpha/opacity.)"button-background-hover-color
="Any valid color in rgba, hex, hsla, hwba (note: every format allows setting alpha/opacity.)"button-border-color
="Any valid color in rgba, hex, hsla, hwba (note: every format allows setting alpha/opacity.)"button-border-hover-color
="Any valid color in rgba, hex, hsla, hwba (note: every format allows setting alpha/opacity.)"button-border-radius
="Top, right, bottom, left property in px,em,rem or %. Ex. 15px, 0, 15px, 0 would imply 15px top, 0px right, and so on."button-border-width
="Any valid number with unit like 10px, 1em, 0.8rem, 100vh or 50%"button-padding
="Top, right, bottom, left property in px,em,rem or %. Ex. 15px, 0, 15px, 0 would imply 15px top, 0px right, and so on."button-text
="Any text"button-text-color
="Any valid color in rgba, hex, hsla, hwba (note: every format allows setting alpha/opacity.)"button-text-hover-color
="Any valid color in rgba, hex, hsla, hwba (note: every format allows setting alpha/opacity.)"is-open-in-new
="true|false"link
="Any valid http link"margin
="Top, right, bottom, left property in px,em,rem or %. Ex. 15px, 0, 15px, 0 would imply 15px top, 0px right, and so on." >}}