# How & where to create a global CSS stylesheet

**URL:** <https://forum.builder.io/t/how-where-to-create-a-global-css-stylesheet/3615>\
**Category:** General\
**Tags:** styling, cms\
**Created:** [May 17, 2023, 2:57am UTC](https://forum.builder.io/t/how-where-to-create-a-global-css-stylesheet/3615 "2023-05-17T02:57:11Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![emerge2doug](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.builder.io/emerge2doug/32/2527_2.png) [@emerge2doug](https://forum.builder.io/u/emerge2doug)\
**Post date:** [May 17, 2023, 2:57am UTC](https://forum.builder.io/t/how-where-to-create-a-global-css-stylesheet/3615/1 "2023-05-17T02:57:11Z")

</div>

In some other forum posts, people have talked about a global CSS stylesheet, but haven’t specified how or where to create it.

We would like to create CSS code to apply to the entire site (all pages). How do we do that?

Do we create it in an external file and import it? Do we code it in a textarea somewhere within the [Builder.io](http://Builder.io) admin area? How and where do we implement a list of site-wide or global CSS code?

Thanks.

---

<div class="post-metadata">

**Author:** ![manish-sharma](https://avatars.discourse-cdn.com/v4/letter/m/8797f3/32.png) [@manish-sharma](https://forum.builder.io/u/manish-sharma)\
**Post date:** [May 17, 2023, 4:19am UTC](https://forum.builder.io/t/how-where-to-create-a-global-css-stylesheet/3615/2 "2023-05-17T04:19:29Z")

</div>

Hi @emerge2doug,

Welcome to the [builder.io](http://builder.io) forum.

There are various ways you can create global styles that can be applied to all builder pages.

1. You can create a global CSS stylesheet in your codebase and import it into your site header which will then be applied to all builder pages.

2. Using a builder section model, to know more please refer to the below forum post

3. Create a site theme using the builder data model

> **[Create a Site Theme - Builder.io](https://www.builder.io/c/docs/site-theme)**
>
> Drag and drop with your components, right within your existing site or app. Build and optimize digital experiences for any tech stack, visually.

Let us know if you have any further questions. Thank you!

---

<div class="post-metadata">

**Author:** ![Emerge2JC](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.builder.io/emerge2jc/32/2560_2.png) [@Emerge2JC](https://forum.builder.io/u/Emerge2JC)\
**Post date:** [May 26, 2023, 3:11pm UTC](https://forum.builder.io/t/how-where-to-create-a-global-css-stylesheet/3615/3 "2023-05-26T15:11:28Z")

</div>

> [@manish-sharma](#):
>
> You can create a global CSS stylesheet in your codebase and import it into your site header which will then be applied to all builder pages.

Hi @manish-sharma ,  
Could you elaborate on how to import a stylesheet into the [Builder.io](http://Builder.io) site header?  
I was able to achieve the section model option (option 2), but would like to just add the stylesheet globally to the entire site.

---

<div class="post-metadata">

**Author:** ![manish-sharma](https://avatars.discourse-cdn.com/v4/letter/m/8797f3/32.png) [@manish-sharma](https://forum.builder.io/u/manish-sharma)\
**Post date:** [May 26, 2023, 3:44pm UTC](https://forum.builder.io/t/how-where-to-create-a-global-css-stylesheet/3615/4 "2023-05-26T15:44:15Z")

</div>

Hi @Emerge2JC,

You will need to import the global stylesheet into your codebase, if you are based on nextjs then please refer below screenshot for reference

 ![Screenshot 2023-05-26 at 9.12.31 PM](https://us1.discourse-cdn.com/flex020/uploads/builder/original/2X/6/6e9e75590dea0b4d25dcbefee03460a2501be4d0.png)