Custom CSS

CSS (Cascading Style Sheets) is coded file that selects elements of your page and controls their presentation. Think of your custom template's HTML as the bones of your website and the CSS as the skin of your site.

We attached a CSS file in Bonnita source so that you can customize the site by yourself.

Step 1: Enable the Custom CSS file:

1. From your Shopify admin, go to Online Store -> Themes.

2. Find the theme that you want to edit, and then click Customize.

3. Click Theme Settings -> scroll down to the bottom -> Custom CSS.

Step 2: Edit the Custom CSS file:

1. From your Shopify admin, go to Themes -> Actions -> Edit Code.

2. Find folder Assets-> Open file custom.css

Shopify is notifying shop owners about the need to convert scss files to css files. Please use only CSS to style the layout.