Custom CSS

Genstore's theme editor allows you to add custom CSS to further personalize your store's appearance. You can apply global styles across your entire theme or define CSS for specific sections, giving you fine-grained control over visual presentation.

Add global CSS styles

Global CSS applies to all pages using the current theme. It’s ideal for setting consistent typography, colors, spacing, and component styles across your storefront.

Steps

1. Go to Online Store -> Themes in your admin.
2. Click Customize next to your active theme.
3. In the left sidebar, select the Theme design icon.
4. Scroll down the side panel and open the Custom CSS section.
5. Paste or write your CSS code in the input area.
6. Click Save in the top-right corner. Changes will take effect immediately.

Add CSS to a specific section

You can apply CSS to individual sections or blocks for more targeted styling.

Steps

1. In the theme editor, open the page template you want to edit.
2. In the left structure panel, select the section you want to style.
3. In the right properties panel, scroll to the bottom and click Custom CSS.
4. Enter your custom styles.
5. Click Save, then preview the result.