OneTick Styling Page

About OneTick StylingClick to copy

The OneTick Styling tab empowers you to personalize the appearance of your checkboxes. This includes tailoring their shape and color to seamlessly match your store’s design, creating a visually cohesive experience for your users.

In this article, we will cover:

Access OneTick StylingClick to copy

On the OneTick Dashboard, head to the Apps section > Choose the Styling.

onetick styling settings

What Is On OneTick StylingClick to copy

Checkbox TypeClick to copy

You can personalize the look of the checkbox by choosing between three different styles:

  • Square
  • Round
  • Rounded corner

onetick checkbox type

Checkbox ColorClick to copy

You can also change the color of the checkbox:

  • Icon Color – Tick icon: The color of the tick mark in the checkbox
  • Checkbox background color:
    • Inactive state: The background color of the checkbox when it is not selected
    • Active/Selected state: The background color of the checkbox when it is selected
  • Checkbox border color:
    • Inactive state: The color of the checkbox’s border before being selected
    • Active/Selected state: The color of the checkbox’s border once it is selected

onetick checkbox color

Frequently Asked QuestionsClick to copy

Can I Customize A Checkbox On OneTick?Click to copy

Yes, you can. Simply go to the Styling page in the left menu and begin customizing from there.

Can I Change The Font Style Of The Checkbox Heading And Paragraph?Click to copy

Yes, you can modify the font style for the checkbox heading and paragraph. The font family and color will match the overall theme of your website. By default, headings are set to 16px and descriptions to 14px. For further customization, such as adjusting the font size, you can use custom code within the theme editor.

How Can I Apply A Different Style To Specific Checkboxes?Click to copy

While the standard practice is to maintain a consistent style across all checkboxes for uniformity, you can assign a distinct style to particular checkboxes. This is done by incorporating custom code into the theme editor, specifically within the custom CSS section of the app block. Should you require assistance, our chat support system is ready to help.

Can't find what you’re looking for?

Chat with us