---
title: "Creating base styles"
date: "2017-11-10T15:45:39+00:00"
summary: "Learn how to create and customize base styles in Site Studio for your website's core elements. Enhance your site's design with easy-to-use tools for paragraphs, headings, and more."
image:
type: "page"
url: "/drupal-starter-kits/add-ons/site-studio/creating-base-styles"
id: "f4a62613-8df2-43b0-bb7a-c7dfc8606f3b"
---

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](/drupal-starter-kits/add-ons/site-studio/using-style-builder "Using the style builder")
4.  Click **Save and continue**

![4dae45ec-creating-base-styles.gif](https://acquia.widen.net/content/8d34458c-0dbf-4508-b04f-947850f52cb7/web/4dae45ec-creating-base-styles.gif?animate=true)

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](/drupal-starter-kits/add-ons/site-studio/using-style-builder "Using the style builder")
6.  Click **Save and continue**

![9d0f8b07-creating-a-new-base-style.gif](https://acquia.widen.net/content/0ba73ea5-3ba9-43f0-b193-9814c6be7ff9/web/9d0f8b07-creating-a-new-base-style.gif?animate=true)