Beautiful Design App

Why do you need to specify the id?

Just curious.

No idea - I’ve not even used it :stuck_out_tongue:
I think you’d have to ask @Lucas_Pires or @ThinhDinh

2 Likes

Would have to ask Lucas here, I just went with the original idea. I think it’s a css tag that represents the whole screen.

3 Likes

You are correct. It’s the highest level named class you can tap into.

2 Likes

i checked chrome and safari, it works good

Exactly. That’s why we use :nth-of-type(#) to tell us which component will be the golden goose of the time :smirk:

:camera_flash: Photography Studio - Speed Art Tutorial

Subscribe!

Try the demo here:

9 Likes

@Lucas_Pires just cool video :+1:

1 Like

div [id * =‘screenScrollView’]> div>: nth-of-type (1) button {
background-color: red;
}
It’s strange!
The above CSS may not work depending on the action specified for the button.
Am I doing something wrong?

(pre) (span) (style)

div[id*=‘screenScrollView’] > div > :nth-of-type(1) button {
background-color: red;
color: green;
}

this should work, you are missing <pre <span <style
i cant close it for some reason but you know what to do

Thank you @Uzo
<pre> <span> <style> is written correctly.
The proof is that the background color of the button labeled “Play sound: It work” has been changed to orange.
For some reason, CSS doesn’t work for buttons with Daial phone number or Open link actions.

Does CSS work well with buttons that have selected “Daial phone number” or “Open link” actions?

@Pedroydzito … thanks a lot… :wink: :+1:

can someone help me with a css?
I am trying to modify the appearance of a “text entry”, currently I have found a class and created a small code that partially works for me because in the Glide platform if the changes are applied but in cell devices it does not work

I thank who could take a look

@Robert_Petitto your design looks great.
How do you manage that the background image spans right to the top, in my case the glide-app-bar always stays white.
Thanks

How does the hamburger menu not show during onboarding?

Just use this code in rich text:

<span><style>
[data-test=glide-app-bar] {display: none
</style></span>
2 Likes

This uses the bold theme. If you’re using a different theme, you’ll probably have a different experience.

1 Like

You can try this. The reason it was not working is because you’re targeting a specific class name and that can change depending on the operation system. Target something more reliable like [data-test=“x”].

<pre><span><style>
[data-test="app-text-field"]{
position: center;
backdrop-filter: blur(0px);
background: #F2BE24;
border-radius: 50px;
width: 60%;
padding: 2px 20px 12px;
}

3 Likes

Ah, thanks so much!!

1 Like

thanks, work it

1 Like