Hey guys!! I recently started experimenting with CSS. I didn’t really like the back button when using link to screen in the onboarding process. But guess what! After learning, researching and inspecting, I know the Rich Text! Hide back button: <pre><span><style> [data-test="back-button"]{ display:…

I just realized that if you have rich text, then you can’t be in list view, which means that the add button cannot be hidden… :man_facepalming:

CSS isn’t allowed on Glide Pages. That might be one of the reasons why…because they want to make it an optional add-on to have it removed in the future.

Did I miss how to hide the actual back “arrow” (versus the “Back” text)? Can someone share?

This should cover both the arrow and the text. [data-test="back-button"] { display: none; } Or do you just want to hide the arrow?

I’m using CSS to create a background color at the top and then I want both the “back” and the arrow" to be white. This is the CSS that I have as rich text and its only making the “back” word white. The arrow is the same color as the background so its not visible and I can’t seem to find the right …

Try this [data-test="back-button"] svg { fill: #008080 !important; } [image] Notion – The all-in-one workspace for your notes, tasks, wikis, and databases. A new tool that blends your everyday work apps into one. It's the all-in-one workspace for you and your team …

Hi @ThinhDinh I was looking at your CSS trick for creating a custom see-all which works but I need to hide the default see all and also have the custom see all, actually see all :slight_smile: <div class="see-all-custom">→ See all</div> <pre><span><style> .see-all-custom { font-weight: 600; font-…

I believe you would just need to to set your lnline List to only show a few items with the See All turned off. Then put the above code in a rich text component with an action to Show New Screen → This Item and put an Inline List on that new screen without any filters.

@Jeff_Hager Excellent stuff. That totally works. Thanks so much

[image] Pablo_books: <pre><span><style> [data-test="nav-button-menu"]{display: none} Using the trick to hide the hamburger menu moves the tab label all the way to the left instead of keeping it centered: [image] Any suggestions to re-center the label will be met with a :heart: on your post…

CSS for hiding stuff!

Community Resources

matt December 23, 2021, 11:53am 72

Thank you so much. That did the trick!!!

Clipboard / Workspace in the builder

Topic		Replies	Views
Tell Glide how you use CSS General	128	18262	December 27, 2022
💁‍♂️ Add Info to Native User Menu with CSS Ask for Help	24	449	August 23, 2024
Beautiful Design App Project Showcase	818	37837	November 16, 2021
Floating Form Button Feature Requests	122	7413	February 9, 2021
CSS MessageBox Community Resources	100	5966	June 30, 2022

CSS for hiding stuff!

Related topics