1. Home
  2. Docs
  3. OrderBump
  4. Design
  5. Style

Style

The ‘Style’ tablets you customize your order bump and make it look the way you want.

You’ll find a handful of options here, like setting the:

  • Text-color,
  • Font-size
  • Padding
  • Border
  • Hover color

and many more.

In fact, it is divided into five sections to make it easier for you to customize.

This is how the entire Style tab looks:

Title

This is the first section that shows at the top.

Here you can customize the title of your order bump.

You can change the color of the text in the title, background color, error color, and more.

Apart from that, you can choose to show/hide the pointing arrow.

You can also make it animated or fixed.

Price

Under this section, you can customize the price of the product that you’re selling through the order bump.

You can choose to show/hide the price of the product.

Apart from that, you can also set the color of the regular price, sale price (if applicable), and the font-size.

Description

Under this section, you can customize the description text for your order bump.

You can set the padding, variation link text color, and more from here.

Featured Image

In this section, you can choose to customize the border for the product image.

You can set the width, type, and color of the border.

Additional Settings

Here you’ll find a bunch of additional settings for designing your order bump.

You can set the padding, background color, and the border for the order bump.

Once you’re done setting these up, hit the ‘Save Design’ button.

There you go! You’re now done with designing your order bump.