- Getting started Getting started
- Requirements Requirements
- What you can build using Site Studio What you can build using Site Studio
- Typical project phases and skills required Typical project phases and skills required
- Using the inline help Using the inline help
- Creating a new website with Site Studio Creating a new website with Site Studio
- Step 1a. Install the Site Studio modules with composer Step 1a. Install the Site Studio modules with composer
- Step 1b. Install the Site Studio modules manually Step 1b. Install the Site Studio modules manually
- Step 2. Connect to the Site Studio API Step 2. Connect to the Site Studio API
- Step 3. Enable the Site Studio minimal theme Step 3. Enable the Site Studio minimal theme
- Step 4. Configure image and media browsers Step 4. Configure image and media browsers
- Step 5. Using Site Studio Step 5. Using Site Studio
- Using Site Studio on an existing website Using Site Studio on an existing website
- Step 1a. Installing the Site Studio modules on your website with composer Step 1a. Installing the Site Studio modules on your website with composer
- Step 1b. Installing the Site Studio modules on your website manually Step 1b. Installing the Site Studio modules on your website manually
- Step 2. Connecting your existing website to the Site Studio API Step 2. Connecting your existing website to the Site Studio API
- Step 3. Modify your website theme Step 3. Modify your website theme
- Step 4. Configure image and media browsers Step 4. Configure image and media browsers
- Step 5. Using Site Studio Step 5. Using Site Studio
- Settings configuration Settings configuration
- Website settings Website settings
- Configuring your base unit settings Configuring your base unit settings
- Set up font libraries and font stacks Set up font libraries and font stacks
- Set up icon font libraries Set up icon font libraries
- Creating your color palette Creating your color palette
- Defining your default font settings Defining your default font settings
- Configuring your responsive grid settings Configuring your responsive grid settings
- Creating SCSS variables Creating SCSS variables
- Style builder Style builder
- Creating base styles Creating base styles
- Creating custom styles Creating custom styles
- Using the style builder Using the style builder
- Using the style preview Using the style preview
- Applying CSS properties Applying CSS properties
- Font properties Font properties
- Background properties Background properties
- Layout properties Layout properties
- Height properties Height properties
- Width properties Width properties
- Padding properties Padding properties
- Margin properties Margin properties
- Float properties Float properties
- Position properties Position properties
- Display properties Display properties
- Opacity properties Opacity properties
- Vertical alignment properties Vertical alignment properties
- Multi column layout properties Multi column layout properties
- Flex container properties Flex container properties
- Flex item properties Flex item properties
- Box shadow properties Box shadow properties
- Border and outline properties Border and outline properties
- Transform and transition properties Transform and transition properties
- Content properties Content properties
- List style properties List style properties
- Applying custom CSS properties Applying custom CSS properties
- Applying CSS3 filters Applying CSS3 filters
- Using CSS selectors Using CSS selectors