Carousel controls

Carousel controls are key elements that let users navigate through slides or featured content with ease. Whether you're showcasing product images, testimonials, or promotional banners, controls like arrows or dots help guide the user’s experience.
Foxify makes it easy to add, style, and position your carousel controls to match your store’s design and provide a smooth, interactive browsing experience.
How to add a Carousel controls
Steps:
In the FoxStudio editor, on the left Sidebar > Click Add elements, or press E.
In Quick add, select Carousel controls.
Drag the Carousel controls onto your carousel.

How to edit a Carousel controls
Once you’ve added the carousel controls, the next step is to edit its text to match your desired action.
Steps:
Select the relevant carousel controls element in the editor.
Use the tools bar above the selected element to quickly edit it.
All the formatting tools below can be found in the right hand sided Inspector panel.

General settings

Show navigation: Toggle this on to display navigation arrows.
Navigation buttons:
Next & Previous
Prev button only
Next button only

Navigation icon: Choose Arrows/Chevrons

Show pagination: Toggle this on to display pagination indicators.
Pagination type: Choose Bullets/Number/Lines

Design settings
Size & Constraints Settings: Use these controls to define the element’s dimensions and positioning behavior across devices.
Constraints

Color Fill: Set the color and background color of the element.
Text Font, Spacing, and Styles
Font: Choose from hundreds of fonts. You can also upload your own fonts to Foxify.
Weight and Size: Define the font weight and font size of the text.
Text case: Click the icons to set the text's capitalization: As typed
, Upper case AG, Title case Ag, or Lower case ag.
Spacing: Change the spacing between the lines and characters in the text box.
Text style: Normal/Italic.
Animations
Animations
Last updated
Was this helpful?