# 💡 CSS to turn Buttons into Titles with Icons

**URL:** <https://community.glideapps.com/t/css-to-turn-buttons-into-titles-with-icons/84583>\
**Category:** Community Resources\
**Tags:** custom-code\
**Created:** [September 24, 2025, 5:06pm UTC](https://community.glideapps.com/t/css-to-turn-buttons-into-titles-with-icons/84583 "2025-09-24T17:06:24Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\
**Post date:** [September 24, 2025, 5:06pm UTC](https://community.glideapps.com/t/css-to-turn-buttons-into-titles-with-icons/84583/1 "2025-09-24T17:06:24Z")

</div>

![CleanShot 2025-09-24 at 13.06.03](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/d/6/d63886ba8bb8d094ac989286f7ee695242fcf9ef.jpeg)

```css
.buttonAsTitle button {
padding: 0 !important;
font-size: 1.3125rem;
line-height: 1.2;
letter-spacing: -0.01em;
pointer-events: none;
margin-bottom: -10px;
color: var(--gv-text-contextual-base
);
}

.buttonAsTitle svg {
color: var(--gv-text-accent);
}

```

---

<div class="post-metadata">

**Author:** ![Mazen](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mazen/32/84042_2.png) [@Mazen](https://community.glideapps.com/u/Mazen)\
**Post date:** [September 24, 2025, 10:36pm UTC](https://community.glideapps.com/t/css-to-turn-buttons-into-titles-with-icons/84583/2 "2025-09-24T22:36:35Z")

</div>

Love it!!

---

<div class="post-metadata">

**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\
**Post date:** [September 24, 2025, 10:56pm UTC](https://community.glideapps.com/t/css-to-turn-buttons-into-titles-with-icons/84583/3 "2025-09-24T22:56:57Z")

</div>

Until we get the option to have icons as images for titles, this will do. 😉

---

<div class="post-metadata">

**Author:** ![MaximeBaker](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/maximebaker/32/80877_2.png) [@MaximeBaker](https://community.glideapps.com/u/MaximeBaker)\
**Post date:** [September 25, 2025, 11:37am UTC](https://community.glideapps.com/t/css-to-turn-buttons-into-titles-with-icons/84583/4 "2025-09-25T11:37:02Z")

</div>

Looking good!