Background Options

The Countdown Timer Bar offers multiple background styles. Available background options depend on your plan:

  • Basic Plan: Single color background
  • Premium Plan: Gradient colors, pattern images, and fitted images


On this page:

Single Color

The Single Color option lets you set a solid background color for the timer bar. Just select the Single Color option.


You can set the text and the background to a color of your choice using the color picker.


Tip: You may lower the opacity value to make the bar more transparent. For example, setting opacity to 0.5 makes the bar semi-transparent, allowing the page content behind it to show through.


This is much visible while scrolling in your store.

Gradient Color (Premium Plan)

The Gradient Color option allows you to create a smooth transition between two or three colors, giving the bar a more dynamic look. This option is ideal if you want a modern or eye-catching design.


Your options are to choose one of the preset gradients:


Or customize your own by selecting colors using the color pickers and adjusting the gradient angle to control the direction.


If you wish to incorporate three colors into your custom gradient, select a preset option that includes three colors in order to access a third color picker:

Pattern Image (Premium Plan)

The Pattern Image background uses a small image that repeats across the bar to create a tiled pattern. Pattern backgrounds work best with subtle, lightweight images that don’t distract from the countdown text.


You may click a preset pattern to apply it instantly.


You can also upload your own pattern image. Just drag and drop a .jpg, .png, or .gif file into the upload area.

Fitted Image (Premium Plan)

The Fitted Image option allows you to use a larger image that stretches across the full width of the timer bar.


You may choose a preset image to apply it instantly.


You can also upload your own pattern image. Just drag and drop a .jpg, .png, or .gif file into the upload area.


You can also control the behavior of the image by adjusting its Scroll Speed. Setting it to 0 will render the image static, while increasing the scroll speed will produce a subtle moving background effect.

Motion Effect (Premium Plan)

Furthermore, in addition to the various background styles available, you have the option to apply motion effects to your bar in order to enhance its visual appeal for your customers.


Just select the motion effect you would like to apply to the timer bar.


AI can be utilized to customize the motion effect. By putting in your prompt and clicking Submit, you can immediately see the changes in the preview after the process is complete.


Furthermore, you have the option to select your preferred AI model for customizing the motion effect. You may choose from both OpenAI (ChatGPT) and Anthropic (Claude).

Need more help?

If you need help or have questions, feel free to contact our support team at help@hextom.com, and we’re happy to help!

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us