# CSS to change the comment section

**URL:** <https://community.glideapps.com/t/css-to-change-the-comment-section/45174>\
**Category:** Ask for Help\
**Created:** [July 24, 2022, 10:35pm UTC](https://community.glideapps.com/t/css-to-change-the-comment-section/45174 "2022-07-24T22:35:46Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![Hassan\_Nadeem](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/hassan_nadeem/32/72956_2.png) [@Hassan\_Nadeem](https://community.glideapps.com/u/Hassan_Nadeem)\
**Post date:** [July 24, 2022, 10:35pm UTC](https://community.glideapps.com/t/css-to-change-the-comment-section/45174/1 "2022-07-24T22:35:46Z")

</div>

Hi.

Can I change the “Add comments” wordings to “Write a message” through CSS?

---

<div class="post-metadata">

**Author:** ![Hassan\_Nadeem](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/hassan_nadeem/32/72956_2.png) [@Hassan\_Nadeem](https://community.glideapps.com/u/Hassan_Nadeem)\
**Post date:** [July 24, 2022, 10:36pm UTC](https://community.glideapps.com/t/css-to-change-the-comment-section/45174/2 "2022-07-24T22:36:52Z")

</div>

@Robert_Petitto, I saw your reply on my post that you use CSS on comment section for more chat like experience. Could you kindly share that CSS and show how it looks? I am trying to find your template on the community but I am unable to. Thanks.

---

<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:** [July 25, 2022, 1:31am UTC](https://community.glideapps.com/t/css-to-change-the-comment-section/45174/3 "2022-07-25T01:31:57Z")

</div>

You can get away with something like this, but I don’t recommend it since it might not work on some specific devices. We are overwriting the “click box” here so when the user clicks so far left the chat box won’t open up.

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/6/8/68b41ad7026fc52cd578f2ddb4577bf59d0e0fed.png)

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

[data-test="app-comments-preview"] button :nth-child(2) {
display: none;
}

[data-test="app-comments-preview"] h4::after {
content: "Write a message....";
margin-left: -50px;
top: 35px;
position: relative;
font-weight: 600;
font-size: 0.875rem;
line-height: 1.0625rem;
font-family: -apple-system, BlinkMacSystemFont, Roboto, sans-serif;
color: rgb(2, 186, 173);
}

```

Normally I use a brand new table, create my own chat flow instead of using the comments component, and use CSS to stick a text entry to the bottom of the screen.

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/c/0/c09ba67fb35882230d6dd25eefdd8b6dcca744ae.jpeg)

---

<div class="post-metadata">

**Author:** ![Hassan\_Nadeem](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/hassan_nadeem/32/72956_2.png) [@Hassan\_Nadeem](https://community.glideapps.com/u/Hassan_Nadeem)\
**Post date:** [July 25, 2022, 1:35am UTC](https://community.glideapps.com/t/css-to-change-the-comment-section/45174/4 "2022-07-25T01:35:59Z")

</div>

I get what you have done. The only problem in your solution is, it will eat up all my row limit until I manually clear the chats between users or maybe use an appscript to auto delete.

---

<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:** [July 25, 2022, 1:37am UTC](https://community.glideapps.com/t/css-to-change-the-comment-section/45174/5 "2022-07-25T01:37:35Z")

</div>

Yeah, but users should be able to edit and delete their own comments from the app, that’s my priority over the row limit.

---

<div class="post-metadata">

**Author:** ![Hassan\_Nadeem](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/hassan_nadeem/32/72956_2.png) [@Hassan\_Nadeem](https://community.glideapps.com/u/Hassan_Nadeem)\
**Post date:** [July 25, 2022, 1:38am UTC](https://community.glideapps.com/t/css-to-change-the-comment-section/45174/6 "2022-07-25T01:38:41Z")

</div>

Hahaha or we can make something like Fiverr chat box where users can not delete/edit their message