Styles

How To Install Style?

1. From our app, click Library.

2. In the Styles tab, search the category of styles you want.

3. Click Install the style you like

For Stores Using Smind

1. In the theme editor sidebar, click Theme Setting gear icon.

2. Click Theme Style

1. To change font and color style for your store, click the name of style you want to use.

2. Click Change Style.

How To Customize Style?

1. In the theme editor sidebar, click Theme Setting gear icon to change whatever you want

Variants	Function
Colors	Allows you to customize the color scheme of your website
Typography	Refers to the fonts used for the content on your website. you can also adjust font, font size scale, line height scale, letter spacing scale for heading and body.
Typography (advance)	Allow you adjust element like desktop headings, mobile headings, button, subheading, badge, menu, price.
Layout	Help controls the structure of your website, such as the width of the page, grid systems (number of columns).
Animations	Help you adjust the effects of the button and image.
Buttons	You can adjust the button padding, scale, border, and shadow of the buttons on your website
Variant pills	Help customize these variants appear in product page like border, shadow, color swatch ( variant name, color configuration).
Inputs	Include text fields, checkboxes, and radio buttons where users can enter information or make selections, you can customize border and shadow of the inputs.
Icons	You can select icon style (package 1, 2, 3), adjust icon thickness and icon scale.
Product cards	You can select the style (Standard or Card) and adjust the image padding, border, and shadow.
Product badges	Indicate special attributes, such as "Sale badge" or "Sold out badge". You can toggle the Enable Badges mode, adjust the corner radius, and change the color (text, background).
Blog cards	Display posts in a grid format. You can select the style (Standard or Card) and adjust the image padding, border, and shadow.
Content containers	You can adjust the border (thickness, opacity, corner radius) and the shadow (blur, opacity)
Media	Including Images, Videos. : You can adjust the border (thickness, opacity, corner radius) and the shadow (blur, opacity).
Dropdown, popup	You can adjust the border (thickness, opacity, corner radius) and the shadow (blur, opacity).
Social media	You can customize the link of the social accounts like Facebook, Instagram and more.
Favicon	A favicon is the small, customizable icon that appears in the browser tab next to your store's title. You can choose a favicon image for your website.
Currency format	You can toggle the "Show currency codes".
Custom CSS	You can enter the codes to customize the CSS for your theme.

For Stores Using a Different Theme (not Smind).

You can customize the style of the store using a different theme (not Smind theme), such as store using smind theme

1. In the theme editor sidebar, delete the default style in the Global section.

1. Click Add Section to add the new style you want.

1. To customize the style, click the variants you want to edit.