Buy button design

To customize the Buy button Styling, please move to the Settings > Appearance.

Choose your custom styles for button Add to cart. Any settings you leave blank will default.

Button type – text or icon.

If you select the “text” -you can overwrite the default button name, choose font and font size and colour, text-shadow (order: colour, X, Y, blur)


Or select the icon for the Buy button. The same settings are available for an icon – icon size, colour, text-shadow.

Button size – set width and height values in pixels (in that order).

Background type – select the type of button you prefer from the list:

  • none
  • unicolored
  • bicoloured
  • simple gradient
  • pyramid gradient

Borders – set button Borders in this order: colour, top, right, bottom, left.

Button shadow – set button shadow in this order: colour, X, Y, blur, spread.

Padding – set the padding for button content in this order: top, right, bottom, left.

Latest Articles