How to make the box page wider?
From the visual editor, go to Theme Settings > Layout to adjust the Page Width
How to reduce the gap between box sections or box steps?
From the visual editor, go to Theme Settings > Layout to adjust the Space between template sections
How to add or remove the padding around the box?
From the visual editor, go to Theme Settings > Page Padding to adjust the box inner spacing
Where do I customize the steps/step bar?
From the visual editor, go to Theme Settings > Step Bar to customize it.
Where do I show or hide the step bar?
From the visual editor, go to Theme Settings > Step Bar and set Status to Enabled or Disabled.
How do I show or hide the line connecting the steps?
From the visual editor, go to Theme Settings > Step Bar > set Step prefix/suffix line to Enabled or Disabled.
How do I change the color of the line between steps?
From the visual editor, go to Theme Settings > Step Bar > change Line color.
How to change the color of step names?
From the visual editor, go to Theme Settings > Step Bar. Under the Step name tab, change Text color
How do I change the color of the current/active step?
From the visual editor, go to Theme Settings > Step Bar. Switch from Step name to Active step tab, then change Number color, Background color, or Border color in default or hover states
How to make the step border thicker or thinner
From the visual editor, go to Theme Settings > Step Bar. Switch from Step name to Active step tab, then adjust Border width.
How to change the active/current step when I hover?
From the visual editor, go to Theme Settings > Step Bar. Switch from Step name to Active step tab, then choose the Hover mode to customize.
Where do I change the color of the completed steps?
From the visual editor, go to Theme Settings > Step Bar. Switch from Step name to Completed step tab, then change Checkmark color, Background color, or Border color in default or hover states.
How do I change the checkmark color on step bar?
From the visual editor, go to Theme Settings > Step Bar. Switch from Step name to Completed step tab, then change Checkmark color.
How do I change the color of completed step on hover?
From the visual editor, go to Theme Settings > Step Bar. Switch from Step name to Complerted step tab, then choose the Hover mode to customize.
Where do I change the color of the incomplete steps?
From the visual editor, go to Theme Settings > Step Bar. Switch from Step name to Incomplete step tab, then change Number color, Background color, or Border color in default or hover states
How do I change the color of incomplete step on hover?
From the visual editor, go to Theme Settings > Step Bar. Switch from Step name to Incomplete step tab, then choose the Hover mode to customize.
Where do I customize the Quick View popup of the product?
From the visual editor, go to Theme Settings > Quick view to customize it.
How do I hide the price in the Quick View?
From the visual editor, go to Theme Settings > Quick View. In the Content tab, untick Product price under included details.
How do I change the style of the variant selector in Quick View? (to Dropdown or Pills)
From the visual editor, go to Theme Settings > Quick View. In the Content tab, choose Type: Pills or Dropdown.
How do I change the color of the variant in Quick View?
From the visual editor, go to Theme Settings > Quick View. Switch from Content to Variant style tab to adjust the text color, background color… of the variant.
How do I round the corners of the variant in Quick View?
From the visual editor, go to Theme Settings > Quick View. Switch from Content to Variant style tab, and adjust the Border radius. Increase the Border radius to make it more rounded.
How do I add a border or shadow of the variant in Quick View?
From the visual editor, go to Theme Settings > Quick View. Switch from Content to Variant style tab, and adjust border width, border color, horizontal offset, vertical offset or shadow color.
How do I customize the variant in Quick View when I hover?
From the visual editor, go to Theme Settings > Quick View. Switch from Content to Variant style tab, then choose the Hover mode to customize.
Where do I customize the “Add to box” button inside Quick View?
From the visual editor, go to Theme Settings > Quick view. Switch from Content to Add to box button tab to customize it.
How do I change the color of the “Add to box” button in the Quick View popup?
From the visual editor, go to Theme Settings > Quick View. Switch from Content to Add to box button tab to adjust the text color, background color… of the button.
How do I make the “Add to box” button rounded in Quick View?
From the visual editor, go to Theme Settings > Quick View. Switch from Content to Add to box button tab, and adjust the Border radius. Increase the Border radius to make it more rounded.
How do I add a border or shadow to the “Add to box” button inside Quick View?
From the visual editor, go to Theme Settings > Quick View. Switch from Content to Add to box button tab, and adjust border width, border color, horizontal offset, vertical offset or shadow color.
Where do I customize the Add to box button in Quick View when I hover?
From the visual editor, go to Theme Settings > Quick View. Switch from Content to Add to box button tab, then choose the Hover mode to customize.
How do I style the disabled/grayed out “Add to box” button in Quick View?
From the visual editor, go to Theme Settings > Quick View. Switch from Content to Add to box button tab, then choose the Disabled mode to customize.
Where do I customize the Quick summary/footer summary
From the visual editor, go to Theme Settings > Quick Summary to customize it.
Where do I change the Quick summary position?
From the visual editor, go to Theme Settings > Quick Summary. In the Content tab, change Position to Sidebar or Footer
How do I set when the Quick summary appears?
From the visual editor, go to Theme Settings > Quick Summary. In the Content tab, set “When to show” to From the start or After customer selects a product.
How do I change the color of the Quick summary?
From the visual editor, go to Theme Settings > Quick Summary. Switch from Content to Color tab and adjust text color, background color, or border color.
How to customize the button on Quick Summary?
From the visual editor, go to Theme Settings > Quick Summary. Switch from Content to Next button or Back button to customize it.
How to change the color of the button on Quick Summary?
From the visual editor, go to Theme Settings > Quick Summary. Switch from Content to Next button or Back button. You can adjust the text color, background color, border color… in default or hover states.
How to customize the button on Quick Summary when I hover?
From the visual editor, go to Theme Settings > Quick Summary. Switch from Content to Next button or Back button, then choose the Hover mode to customize.
