# CSS to change header

**URL:** <https://community.glideapps.com/t/css-to-change-header/74443>\
**Category:** Ask for Help\
**Created:** [June 28, 2024, 10:05am UTC](https://community.glideapps.com/t/css-to-change-header/74443 "2024-06-28T10:05:45Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![baremeter](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/baremeter/32/28090_2.png) [@baremeter](https://community.glideapps.com/u/baremeter)\
**Post date:** [June 28, 2024, 10:05am UTC](https://community.glideapps.com/t/css-to-change-header/74443/1 "2024-06-28T10:05:45Z")

</div>

I used this CSS (Rich Text) in my Classic App to put a logo into the heading, I just copied it into my APP and it doesn’t work - am I missing something?

```auto
<pre><span><style>

[data-test="nav-bar"] >div +* {
color: transparent !important;
}

[data-test="glide-app-bar"] >div >div >div >div {
text-align: center;
}

.nav-bar-root {
content: "";
display: flex;
background-image: url(https://storage.googleapis.com/glide-prod.appspot.com/uploads-v2/ojgEn6F6OoEJvOW9oHLj/pub/z5IksJuf4fL6ZW8NA6mt.gif);
background-size: 40px 40px;
background-repeat: no-repeat;
background-position: center, center;
}

```

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [June 28, 2024, 11:39am UTC](https://community.glideapps.com/t/css-to-change-header/74443/2 "2024-06-28T11:39:25Z")

</div>

If you’re pasting it into a rich text component, it won’t work anymore.

Can you let us know which plan are you on?

---

<div class="post-metadata">

**Author:** ![baremeter](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/baremeter/32/28090_2.png) [@baremeter](https://community.glideapps.com/u/baremeter)\
**Post date:** [June 28, 2024, 11:57am UTC](https://community.glideapps.com/t/css-to-change-header/74443/3 "2024-06-28T11:57:39Z")

</div>

Legacy Starter

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [June 28, 2024, 12:06pm UTC](https://community.glideapps.com/t/css-to-change-header/74443/4 "2024-06-28T12:06:49Z")

</div>

Then you won’t get access to Glide’s CSS on the new version. All newest paid plans do, though.

---

<div class="post-metadata">

**Author:** ![baremeter](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/baremeter/32/28090_2.png) [@baremeter](https://community.glideapps.com/u/baremeter)\
**Post date:** [June 28, 2024, 12:09pm UTC](https://community.glideapps.com/t/css-to-change-header/74443/5 "2024-06-28T12:09:49Z")

</div>

Ok  
Thank you for your prompt response

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [June 28, 2024, 11:46pm UTC](https://community.glideapps.com/t/css-to-change-header/74443/6 "2024-06-28T23:46:37Z")

</div>

> **[CSS Library](https://css-library.glide.page/)**

We have a community library for CSS here, but the way to use it has changed compared to the old version.