# NO BUG: Custom CSS: Inline vs. External Stylesheet Issue

**URL:** <https://forum.bricksbuilder.io/t/no-bug-custom-css-inline-vs-external-stylesheet-issue/15908>\
**Category:** Bugs\
**Tags:** v1-9-1-1\
**Created:** [October 2, 2023, 6:54pm UTC](https://forum.bricksbuilder.io/t/no-bug-custom-css-inline-vs-external-stylesheet-issue/15908 "2023-10-02T18:54:24Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Lekassi](https://forum.bricksbuilder.io/letter_avatar_proxy/v4/letter/l/85e7bf/32.png) [@Lekassi](https://forum.bricksbuilder.io/u/Lekassi)\
**Post date:** [October 2, 2023, 6:54pm UTC](https://forum.bricksbuilder.io/t/no-bug-custom-css-inline-vs-external-stylesheet-issue/15908/1 "2023-10-02T18:54:25Z")

</div>

When using the custom CSS feature with a class, the output on the front-end remains inline, even if the ‘external stylesheet’ option is selected. However, when you add custom CSS at the ID level, the output is indeed placed in an external stylesheet.

I presented this question in the Facebook group and received confirmation from a Bricks user that this is accurate. (See link below for Facebook post)

You can replicate this behavior by following these steps, for example: Add a div element, go to custom CSS at the ID level, and add ‘%root% { height: 4rem; width: 4rem; background-color: red; }’ and save it. If you check the front-end, you will find this style added to a stylesheet.

However, when you add a class to that div element, go to custom CSS, and add, for example, ‘%root% { background-color: green; }’, save it, and inspect the front-end, you will observe that the CSS is added inline to the index.

> **[Log in to Facebook](https://www.facebook.com/groups/brickscommunity/permalink/1250566458941205/)**
>
> Log in to Facebook to start sharing and connecting with your friends, family and people you know.

---

<div class="post-metadata">

**Author:** ![timmse](https://forum.bricksbuilder.io/user_avatar/forum.bricksbuilder.io/timmse/32/1192_2.png) [@timmse](https://forum.bricksbuilder.io/u/timmse)\
**Post date:** [October 4, 2023, 7:34am UTC](https://forum.bricksbuilder.io/t/no-bug-custom-css-inline-vs-external-stylesheet-issue/15908/2 "2023-10-04T07:34:26Z")

</div>

Hi Lekassi,  
Thanks so much for your report, and welcome to the forum!

This is not a bug. We are already working on moving global classes to an external file as well (see Bricks 1.7 Changelog » Disable class chaining and global classes).: [Releases – Bricks](https://bricksbuilder.io/changelog/#v1.7)

> …the next step is to provide one global class CSS file (when using the external file CSS loading method) rather than loading those rules inline.

Best regards,  
timmse

---

<div class="post-metadata">

**Author:** ![Lekassi](https://forum.bricksbuilder.io/letter_avatar_proxy/v4/letter/l/85e7bf/32.png) [@Lekassi](https://forum.bricksbuilder.io/u/Lekassi)\
**Post date:** [October 12, 2023, 12:40pm UTC](https://forum.bricksbuilder.io/t/no-bug-custom-css-inline-vs-external-stylesheet-issue/15908/3 "2023-10-12T12:40:58Z")

</div>

Thank you for your response, and it’s good to hear. Do you have an estimate for when this option will be live?

---

<div class="post-metadata">

**Author:** ![timmse](https://forum.bricksbuilder.io/user_avatar/forum.bricksbuilder.io/timmse/32/1192_2.png) [@timmse](https://forum.bricksbuilder.io/u/timmse)\
**Post date:** [October 12, 2023, 1:25pm UTC](https://forum.bricksbuilder.io/t/no-bug-custom-css-inline-vs-external-stylesheet-issue/15908/4 "2023-10-12T13:25:02Z")

</div>

Not concrete, but you can get an overview on the roadmap:

> **[Roadmap](https://bricksbuilder.io/roadmap/)**