CSS for hiding stuff!

Thank you again @Pablo_books, @ThinhDinh, @Jeff_Hager and @Robert_Petitto for your help! Much appreciated! Back to the lab! :nerd_face:

4 Likes

THIS is very helpful ---- I’ve started hiding the back button and building a “cancel” button that has actions attached to it. The action clears some user-specific values so that when the user cancels the process, it clears their previous entries. This makes this specific process much more intuitive and prevents certain errors from occurring.

12 Likes

Same. Sometimes I want users to go straight to a screen using a deep link, which serves as some kind of a “landing page”. The back button would kill the purpose, so this is helpful.

5 Likes

haha, snap! :joy:

2 Likes

It would be nice to have additional ‘back’ actions.

@ThinhDinh,

I know you posted a CSS to make the picture go all the way up on the screen. I have been trying to find it but I can’t. Is it possible that you share it one more time?

Thanks.

1 Like

Hi @SantiagoPerez, here it is.

<p>
<a style="position: absolute; width:100%; top: -105px; right: 0%; z-index:-2; opacity: 1" target="_blank" rel="noopener"></a>
</p>
<a style="position: absolute; width:100%; top: -105px; right: 0%; z-index:-2; opacity: 1" target="_blank" rel="noopener">
<div style="background: linear-gradient(to top, #282828 25%, #787878 75%); margin: 0%; padding-bottom:400px;"></div>
</a>
<p>
<a style="position: absolute; width: auto; top: -105px; right: 0%; z-index:-1; opacity: 0.5;" target="_blank" rel="noopener">
<img style="object-fit: cover;" height="400" src="{I}">
</a>
</p>
<center>
7 Likes

Thanks man!

1 Like

Hey man!
Do we have a working background image CSS? The one I have seems to only work on the editor but not on production.

Thanks

Here you are.

<a style="position: fixed; 
width: 100%; 
top:20px;
right: 0%; 
z-index:-1;
" target="_blank" rel="noopener">

<img src="https://dummyimage.com/600x2000/000/000" title="" style="">
6 Likes

Just found out I can rename my bookmarks in this forum :man_facepalming:

6 Likes

I just found that out too. Also, was there always a do not disturb feature?
image

Hi, can I use this to hide the download button in a podcast app?
Thanks in advance :slight_smile:

I guess you could do it

Hi Thinh,
can I use this to hide the download button on android phones (next to the audio file users on android can download the file).
I’d like to remove this option.
Thanks

As of now I don’t think there’s a way. I have been investigating that for a few days but saw no direct CSS to use.

2 Likes

hi, how to make this code to show picture, working same way in desktop view?
when i apply this code, it looks great in mobile, but when i switch to desktop is not in place

Can you show me how it looks in desktop (I think you mean tablet) view? I think I have only trialled it in mobile and web.

1 Like

if would be possible to synchronize both views?

Are these classes (like .sc-euEtjk) a static name? If so, it would be great. I’ll try to jot down everything in the elements :smiley: