CSS Background and Copy

Ask for Help
1

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).
:backhand_index_pointing_right: 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).
:backhand_index_pointing_right: Do you have CSS for making Rich Text selectable and copyable?

Because dont can choose colors in Backround Menu.

2
2518×937 91.9 KB

1 Like
2 
.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.

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.

3

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.

4

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.

1 Like
5

What plan are you on?

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

1 Like
6

Maker Plan :slight_smile:

Dont have any excentions…

7

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.

8

thank you :slight_smile:

1 Like