Creating base styles

You're viewing version 8.1 of this page. View latest () documentation.

Site Studio allows you to create CSS styles for your websites base elements. These are called base styles. For example, paragraphs, headings and block quotes are all base elements that can be styled.

Important

If you are using Site Studio on an existing website with an existing theme, you may not want to create base styles as these may already exist within your themes CSS.

To create a base style:

1. Navigate to Site Studio > Styles > Base styles
2. Click on the base style you want to create
3. Create your style using the Style builder. For more information see Using the style builder
4. Click Save and continue

Creating base styles

You're viewing version 8.1 of this page. View latest () documentation.

Site Studio allows you to create CSS styles for your websites base elements. These are called base styles. For example, paragraphs, headings and block quotes are all base elements that can be styled.

Important

If you are using Site Studio on an existing website with an existing theme, you may not want to create base styles as these may already exist within your themes CSS.

To create a base style:

1. Navigate to Site Studio > Styles > Base styles
2. Click on the base style you want to create
3. Create your style using the Style builder. For more information see Using the style builder
4. Click Save and continue

Creating styles for other selectors

Site Studio allows you to create styles for orher selector. This is useful if you need to create a style for a selector or base element that isn't listed by default. For example, styling the <form> element. 

To create a style for a specific selector:

1. Navigate to Site Studio > Styles > Base styles
2. Click on the +Add base style button
3. Enter a name for the base style in the Title field
4. Enter a selector at the top of the Style builder 
5. Create your style using the Style builder. For more information see Using the style builder
6. Click Save and continue

Creating styles for other selectors

Site Studio allows you to create styles for orher selector. This is useful if you need to create a style for a selector or base element that isn't listed by default. For example, styling the <form> element. 

To create a style for a specific selector:

1. Navigate to Site Studio > Styles > Base styles
2. Click on the +Add base style button
3. Enter a name for the base style in the Title field
4. Enter a selector at the top of the Style builder 
5. Create your style using the Style builder. For more information see Using the style builder
6. Click Save and continue