1 minute read

Ribbon Block

Ribbon Block options:

  • Ribbon text – add the ribbon text here.
  • Top padding – set the top padding using any CSS-compatible padding value.
  • Bottom padding – set the bottom padding using any CSS-compatible padding value.
  • Font size – set the text font size
  • Font weight – set the text font weight.
  • Text transform – set the text transformation to uppercase, lowercase, capitilize, none, or use the default Customizer setting.
  • Ribbon line height – set the text line height.
  • Ribbon position – set the ribbon position to top right or top left.
  • Distance from corner – set the distance from the container corner using pixels.
  • Text color – set the ribbon text color.
  • Background color – set the ribbon background color.
  • Background gradient color – set the ribbon gradient color.
  • Use shadow – enable or disable ribbon’s shadow.
  • Shadow color – set the color of the shadow.
  • Shadow blur – set the blur of the shadow.
  • Horizontal offset – set the horizontal offset of the shadow.
  • Vertical offset – set the vertical offset of the shadow.
  • Class – add a custom CSS class to your ribbon block.
  • ID – add a custom CSS ID to your ribbon block.
  • Style – add an inline CSS style to your ribbon block.