Hi, I am trying to change create the CSS in order to change the top banner with name of tab. Thanks for help.

Figured this out for changing the text, but it’s not great. An image with the example above would be better. [image] The Name of a Tab is used in two incompatible places This is the best I could do so far, but I couldn’t find a stable class name that would work across d…

Check this thread, You will find plenty of CSS for different cases. [image] Beautiful Design App Project Showcase @SantiagoPerez @Robert_Petitto This is an interesting discussion. I read about this a while ago and you can use the audio tag in CSS to style the audio, but b…

Here it is. Change URL for your picture URL. <span/> <style> #app-root div[opacity='1'] { color: transparent; } .nav-bar-root { content: ""; display: block; background-image: url(URL); background-size: 600px 50px; background-repeat: no-repeat; background-position: center, center; ;} </…

Seems audio::-webkit-media-controls-enclosure { width: 100%; max-width: 800px; height: 30px; flex-shrink: 0; bottom: 0; text-indent: 0; padding: 10px 5px 5px 0px; box-sizing: border-box; background-color: #90EE90; } Even in the Code book is gray. Is it not working anymore or its just me ?

Code BOOK share cool codes, scripts and links <pre><span><style> [data-test="app-audio-wrapper"] { position: fixed; background-color: red; color:yellow; width: 100%; max-width: 700px; flex-shrink: 0; bottom:80px; text-indent: 0; padding: 5px 5px 5px 5px; bo…

use this one for iOS… the other one works on any other system

Thanks ,i’ll try , have a good sunday. Ps.seems we can only use one player at time with this one , isn’it ?In the code book (huge app) the green one stays gray. Ps.2 i’m off topic here , my bad i do apologize. [image]

Yes it does work on my Android. I was planning to use an array of audio player with that beautiful green you use in the Code book , but one it seems we can use just one rich text component at time and two as you can see above just one ( in my case audio ) component at time…

[image] Uzo: <pre><span><style> [data-test="app-audio-wrapper"] { position: fixed; background-color: red; color:yellow; width: 100%; max-width: 700px; flex-shrink: 0; bottom:80px; text-indent: 0; padding: 5px 5px 5px 5px; box-sizing: border-box; z-index:1; } </style></span></pre> <pre><span><s…

For use in arrays remove position:fixed; and bottom: 80px;

CSS for the top banner

Ask for Help

Jeff_Hager February 8, 2021, 1:57pm 4

Figured this out for changing the text, but it’s not great. An image with the example above would be better.

Topic		Replies	Views
Tab banner customization Ask for Help actions	3	923	February 3, 2021
Reproductor de audio Ask for Help	1	588	October 8, 2021
Customize the prototype / tab bar of the E-Book app Project Showcase	34	1599	February 5, 2021
Beautiful Design App Project Showcase	818	36983	November 16, 2021
Tell Glide how you use CSS General	128	18129	December 27, 2022

CSS for the top banner

Related topics