# CSS Background and Copy

**URL:** <https://community.glideapps.com/t/css-background-and-copy/84520>\
**Category:** Ask for Help\
**Created:** [September 22, 2025, 9:58am UTC](https://community.glideapps.com/t/css-background-and-copy/84520 "2025-09-22T09:58:07Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![Marc1](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/marc1/32/86518_2.png) [@Marc1](https://community.glideapps.com/u/Marc1)\
**Post date:** [September 22, 2025, 9:58am UTC](https://community.glideapps.com/t/css-background-and-copy/84520/1 "2025-09-22T09:58:07Z")

</div>

Hi, I need some help with this:

I’m getting a lot of different suggestions with various styles back (integrated via JSON query). I want to display these in individual containers with different background colors (with transparency).  
👉 Do you have the CSS code for applying different transparent backgrounds?

In addition, users should be able to copy the text normally and paste it into social media — not via a copy button, but in the standard way (select, right-click, copy).  
👉 Do you have CSS for making Rich Text selectable and copyable?

Because dont can choose colors in Backround Menu.

 ![2](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/5/e/5e42a2a0ef069b82dd9c7866cd0a0299517725b9.png)

---

<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:** [September 22, 2025, 11:59pm UTC](https://community.glideapps.com/t/css-background-and-copy/84520/2 "2025-09-22T23:59:56Z")

</div>

> [@Marc1](#):
>
> I’m getting a lot of different suggestions with various styles back (integrated via JSON query). I want to display these in individual containers with different background colors (with transparency).  
> 👉 Do you have the CSS code for applying different transparent backgrounds?

```auto
.grey-box div[class*="pages-component-renderer___StyledDiv7"] {
background: #F0F0F0;
}

```

Something like this can work, the requirement is a card container that has the “grey-box” CSS class. You can have multiple classes like this.

> [@Marc1](#):
>
> In addition, users should be able to copy the text normally and paste it into social media — not via a copy button, but in the standard way (select, right-click, copy).  
> 👉 Do you have CSS for making Rich Text selectable and copyable?

Users should still be able to select/drag, right click, copy with rich text. I don’t think there’s any problem with that compared to normal text.

---

<div class="post-metadata">

**Author:** ![Marc1](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/marc1/32/86518_2.png) [@Marc1](https://community.glideapps.com/u/Marc1)\
**Post date:** [September 26, 2025, 6:20am UTC](https://community.glideapps.com/t/css-background-and-copy/84520/3 "2025-09-26T06:20:15Z")

</div>

Hi ThinhDinh,

however I have the problem that in Custom CSS it says “CSS Class”. Unfortunately, I can’t enter anything here.  
I need Container with different Backgrounds in transparent. Need Red, purple, green and more…

And regarding copying: I can’t copy anything in the app.

---

<div class="post-metadata">

**Author:** ![Himaladin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/himaladin/32/71023_2.png) [@Himaladin](https://community.glideapps.com/u/Himaladin)\
**Post date:** [September 26, 2025, 7:12am UTC](https://community.glideapps.com/t/css-background-and-copy/84520/4 "2025-09-26T07:12:19Z")

</div>

If I’m not misunderstanding what you’re saying, you could write the container and its contents as inline HTML and CSS within a rictext component. This would make it easier to add dynamic colors than using a container component.

---

<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:** [September 26, 2025, 7:48am UTC](https://community.glideapps.com/t/css-background-and-copy/84520/5 "2025-09-26T07:48:03Z")

</div>

> [@Marc1](#):
>
> however I have the problem that in Custom CSS it says “CSS Class”. Unfortunately, I can’t enter anything here.

What plan are you on?

> [@Marc1](#):
>
> And regarding copying: I can’t copy anything in the app.

This should not happen. Do you have any extensions in your browser that might have disabled it?

---

<div class="post-metadata">

**Author:** ![Marc1](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/marc1/32/86518_2.png) [@Marc1](https://community.glideapps.com/u/Marc1)\
**Post date:** [September 26, 2025, 8:23pm UTC](https://community.glideapps.com/t/css-background-and-copy/84520/6 "2025-09-26T20:23:21Z")

</div>

Maker Plan 🙂

Dont have any excentions…

---

<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:** [September 27, 2025, 1:03am UTC](https://community.glideapps.com/t/css-background-and-copy/84520/7 "2025-09-27T01:03:03Z")

</div>

I assume all paid plans should have access to Custom CSS, “CSS Class” is not where you should put your code in, it’s for naming a custom class for a component.

Where you should put the code in is Settings \> Appearance \> Custom CSS.

I don’t think there should be a case where Glide is preventing you from copy. If you can record a video it’d be helpful.

---

<div class="post-metadata">

**Author:** ![Marc1](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/marc1/32/86518_2.png) [@Marc1](https://community.glideapps.com/u/Marc1)\
**Post date:** [September 29, 2025, 12:32pm UTC](https://community.glideapps.com/t/css-background-and-copy/84520/8 "2025-09-29T12:32:54Z")

</div>

thank you 🙂
