I want to put an image behind and on top of it a “title” with the logo of a local. It can? [Screenshot_2021.10.19_11.51.03.348]

@Jorge_Hernandez Here it is: Create a template column and paste the CSS below CSS Code <div style="background-image: url(IMAGE-URL); -moz-border-radius: 50%; -webkit-border-radius: 50%; top: -200px; width:80px; height:80px; background-attachment:scroll; background-size: cover; box-shadow: rgb(0 0 0 / 45%) 0px 2px 4px; background-position: center center; position: relative; z-index: 1; transform:translate(-50%,245%); left:50%; margin-top: -147px; border:4px solid #f3f3f3; background-color:white ;"> [data-test="glide-app-bar"] :nth-child(1) { backdrop-filter: blur(0px); background: transparent; -webkit-backdrop-filter: blur(0px); } #app-root [opacity='1'] { color: transparent; } [data-test="nav-bar"] >div +* { color: transparent !important; } Replace COVER-IMAGE-URL and IMAGE-URL for the Cover and Image you wanna add respectively. :warning: Important: Add a Rich text component at first in your screen (above all components!) Result [image] Doc in Notion with the CSS :point_down:t3: [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 Powered by @Serpa

I don’t think this was covered in our Notion, but @Lucas_Pires has this set up like a year ago :wink: He may help you.

@Lucas_Pires ! Could you help me?

When I sit in my pc tomorrow morning I send to you!

Thank you! I hope for that friend

Asking @Serpa because I guess he has this one easy-get than me :grin:

Oh man. This is beautiful. I thank you in my soul, Lucas. All the best!

Is there an easy way to capture the url for an image that has been entered on a Glide table? I can view and copy the image urls for those on a Google sheet, but I always save images in Glide tables now that we can, and this would make it much easier to use the CSS above. In the table I can only view the actual image, not the url. Thanks!

[Screenshot_2021.10.20_19.00.44.322] When I scroll the image goes down on my screen as well. Is there a way to correct that?

You can do this simply with a column template

I have updated the code and add one more important step. Plz take a look :point_down:t3: [image] Lucas_Pires: :warning: Important: Add a Rich text component at first in your screen ( above all components! )

Any way to do this with CSS?

Ask for Help

Jeff_Hager October 21, 2021, 4:31am 19

Topic		Replies	Views
How to create an image in css Ask for Help	3	671	July 1, 2022
The CSS I am using these days Ask for Help	34	3093	September 28, 2021
SVG image/Icon in heading text Ask for Help	17	1395	February 12, 2021
Full screen image Ask for Help custom-css	9	830	April 21, 2024
Create Background with CSS Ask for Help	48	8781	March 28, 2024

Any way to do this with CSS?

Related topics