# How to set custom CSS from a file

**URL:** <https://forums.concretecms.org/t/how-to-set-custom-css-from-a-file/9932>\
**Category:** Using Concrete / Help\
**Created:** [May 22, 2026, 9:42am UTC](https://forums.concretecms.org/t/how-to-set-custom-css-from-a-file/9932 "2026-05-22T09:42:25Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![dsds](https://forums.concretecms.org/user_avatar/forums.concretecms.org/dsds/32/6042_2.png) [@dsds](https://forums.concretecms.org/u/dsds)\
**Post date:** [May 22, 2026, 9:42am UTC](https://forums.concretecms.org/t/how-to-set-custom-css-from-a-file/9932/1 "2026-05-22T09:42:25Z")

</div>

How to set custom CSS from a file

Thank you as always.

Even when I set custom CSS on all pages, it doesn’t take effect. Is there a way to apply custom CSS to all pages at once?

Is it possible to do this from a file?

Even when I set it from the design, it doesn’t apply to all pages, which is a problem for websites with many pages.

I would like a method other than adding it to the header element using .

I’m using ConcreteCMS 9.4.8.

Thank you for your guidance.

---

<div class="post-metadata">

**Author:** ![mhawke](https://forums.concretecms.org/user_avatar/forums.concretecms.org/mhawke/32/6159_2.png) [@mhawke](https://forums.concretecms.org/u/mhawke)\
**Post date:** [May 22, 2026, 3:44pm UTC](https://forums.concretecms.org/t/how-to-set-custom-css-from-a-file/9932/2 "2026-05-22T15:44:00Z")

</div>

This never fails me…

> **[Theme Styling Tool](https://market.concretecms.com/products/theme-styling-tool/0ebbad29-d1cd-11ee-b9df-0a97d4ce16b9)**
>
> The Custom CSS add-on is a developer's tool designed to simplify and speed up the process of applying styling adjustments.

---

<div class="post-metadata">

**Author:** ![dsds](https://forums.concretecms.org/user_avatar/forums.concretecms.org/dsds/32/6042_2.png) [@dsds](https://forums.concretecms.org/u/dsds)\
**Post date:** [May 22, 2026, 10:57pm UTC](https://forums.concretecms.org/t/how-to-set-custom-css-from-a-file/9932/3 "2026-05-22T22:57:36Z")

</div>

Thank you for your reply.

Is an add-on the only way?

Is there any way to set CSS styles on the header element other than using an add-on?

---

<div class="post-metadata">

**Author:** ![mhawke](https://forums.concretecms.org/user_avatar/forums.concretecms.org/mhawke/32/6159_2.png) [@mhawke](https://forums.concretecms.org/u/mhawke)\
**Post date:** [May 23, 2026, 12:05am UTC](https://forums.concretecms.org/t/how-to-set-custom-css-from-a-file/9932/4 "2026-05-23T00:05:41Z")

</div>

There might be but this add-on is so easy and works flawlessly. You will absolutely burn more than $15 worth of time trying to find out.

---

<div class="post-metadata">

**Author:** ![dsds](https://forums.concretecms.org/user_avatar/forums.concretecms.org/dsds/32/6042_2.png) [@dsds](https://forums.concretecms.org/u/dsds)\
**Post date:** [May 23, 2026, 3:35am UTC](https://forums.concretecms.org/t/how-to-set-custom-css-from-a-file/9932/5 "2026-05-23T03:35:41Z")

</div>

Thank you for the advice.

I will consider it.

Is it easy to use?

---

<div class="post-metadata">

**Author:** ![mhawke](https://forums.concretecms.org/user_avatar/forums.concretecms.org/mhawke/32/6159_2.png) [@mhawke](https://forums.concretecms.org/u/mhawke)\
**Post date:** [May 23, 2026, 4:04am UTC](https://forums.concretecms.org/t/how-to-set-custom-css-from-a-file/9932/6 "2026-05-23T04:04:24Z")

</div>

Dead simple. It adds a button on your toolbar that opens a box to add your CSS. It reloads the page with your new CSS immediately so you can see if it works.

---

<div class="post-metadata">

**Author:** ![Cahueya](https://forums.concretecms.org/user_avatar/forums.concretecms.org/cahueya/32/5178_2.png) [@Cahueya](https://forums.concretecms.org/u/Cahueya)\
**Post date:** [May 24, 2026, 8:09am UTC](https://forums.concretecms.org/t/how-to-set-custom-css-from-a-file/9932/7 "2026-05-24T08:09:53Z")

</div>

Any code you add into [www.domain.com/dashboard/system/seo/codes](http://www.domain.com/dashboard/system/seo/codes)

gets put into Header or Footer depending where you put it. It is not the “cleanest” solution" because this is inline-CSS, so it will not be compressed, minified, cached, as if you have a real CSS file.

For that purpose, you would compile your CSS file and link to it from the Header Code box. If you really want to get a whole lot of styling, you can make a custom theme and put all styles into that, this will help to reduce redundant style declarations, is a little bit more work, but a more clean and portable solution.

---

<div class="post-metadata">

**Author:** ![dsds](https://forums.concretecms.org/user_avatar/forums.concretecms.org/dsds/32/6042_2.png) [@dsds](https://forums.concretecms.org/u/dsds)\
**Post date:** [June 18, 2026, 6:18am UTC](https://forums.concretecms.org/t/how-to-set-custom-css-from-a-file/9932/8 "2026-06-18T06:18:38Z")

</div>

I purchased Theme Styling Tool, but my current site has many problems, so I’m thinking of temporarily installing a new ConcreteCMS and creating a backup of the exact same site. Is there a way to check the current site’s CSS?

I’ve edited the CSS several times, so checking each line individually through “Design” → “Customize” → “Custom CSS” is impractical.

Is there a way to export the CSS, like in ConcreteCMS 8.5?

Thank you for your guidance.
