Create Background with CSS

Ask for Help
41

enjoy!

42

Hi @Uzo thanks for the app
the one in there is for the entire background, can I get the css code for changing the topbar background or topbar color?

43

i did not found any like that

44

i updated the list

1 Like
45

Here is some CSS that I’ve used to put a progress bar at the top of the screen:

<!-- Progress Bar -->
<pre><span><style>
	#app-root div[opacity='1'] {
	content: ""; 
	color: transparent; 
	display: block;
	height: 45px;
	background-image: url("IMAGE_URL");
	background-size: 260px 20px;
	background-repeat: no-repeat;
	background-position: 55% 45%;
}

Replace IMAGE_URL with a pointer to the image you want to use.
You may need to fiddle with it a bit for your specific use case.

2 Likes
46

Hey lucas, is there any way by which I can set a GIF as a backgroud?

47

I guess GIF works with image source in the css code

1 Like
48

digging out old threads related to CSS.
What are your thoughts on using CSS style in Rich Text components?

49

You can’t do it with the new Glide Pages, only inline styling with HTML is supported.

However, CSS is available on all paid plans with the latest pricing, so you should be able to do much more now, with stable class names.