Title with background image

[Jorge_Hernandez]

I want to make the title have a bluish shape in the background since I want to use it to bring the user data and improve the visibility of the app. Is it possible to do this?

[eltintero]

CSS Title Bar with clickable images (Logo + Profile) & texts?

Or this:

The CSS I am using these days

I have a Notepad doc open with the CSS I use in the app (and some I am thinking of using but have not deployed yet). And big thanks to the community for these! I have not worked out any of them myself I am copying these across a bit quickly so I hope I have not got anything wrong! CSS Used in Covessa Adjust Title - narrow Image <pre><span><style> [data-test="app-summary"] >* { margin-top: -150px; { Remove Top and Tab <pre><span><style> [id="tabBar"]{ display: none; } …

[Jorge_Hernandez]

In fact, I’ll use all of that later. But for now I need to put the “title” above an image.

[ThinhDinh]

So your name would be on top of the image, then with a background as well?

[Jorge_Hernandez]

Exactly what I need. Correct

[ThinhDinh]

Got it.

<pre><span><style>

[data-test="app-summary"] >div {
display:flex;
flex-direction: column-reverse;
background: #5ac9f8;
border-radius: 15px;
}

[data-test="app-summary"] :nth-child(2) >div {
color: white;
font-weight: 550;
margin-top: 10px;
}

[Jorge_Hernandez]

Man, you make my days happy hahaha. Thank you very much, genius!

[SantiagoPerez]

Good job @ThinhDinh!!!

[kyleheney]

This is where some of the new Pages stuff can collide and take over the Apps components. The Pages Title component is a thing of beauty! Background image with ability to lighten/darken/blur. It’s great!