Hi! I am trying to create the blue background you see below. Does anyone have an idea of how I can do that? The image is an inline list pulling a single image. Also once I create a CSS template column, how do I apply it to the tab? Thanks! [HEADER1] [HEADER]

<a style="position: absolute; width:100%; top:-86px; right: 0%; z-index:-1; opacity: 1;"> <div style="background-color: #161172; margin: 0%; padding: 130px;"> Change: background-color and padding to change the size Tip: put rich text as first component

And where is the tab name, its a nav-bar. Is it possible to change? yes. But we gotta use advanced CSS to change it

Right. Create a rich text box as the top component In the box, use CSS to set the position as absolute. Then you can adjust the size, background color and z index of the box to achieve your mock-up.

Oh nice!! Thanks! Before seeing this, I ended up using the code Lucas mentioned here, it almost works, but… [image] Component background color @adelhammoud a lil’ trick may help you In Data editor, create a Template column and add this code: <a style="position: fixed; width: 100%; top:10%; rig…

[image] Lucas_Pires: Tip: put rich text as first component As I said here…

Is it at the very top. The first block. You can see in the first one on the builder shows it correctly, but on the user end it does not.

Have you change top in the code? This must be top:0px;

Hi Lucas, Does this only work for inline list components or image components as well? I added this code to the of a tab with an image component and it’s not popping up. There are some text components in between this CSS text block and the image component. Does the CSS have to be right on top of th…

Create Background with CSS

Ask for Help

Lucas_Pires September 27, 2020, 6:20am 17

As I said here…

Topic		Replies	Views
MagicPattern CSS Backgrounds! Community Resources	51	4365	August 29, 2023
Component background color Feature Requests	28	3133	October 20, 2021
Image in Background Ask for Help	15	974	October 22, 2020
Background color change Ask for Help	16	5557	January 21, 2024
How to add an icon/text inline with the sidebar menu? Ask for Help	23	3542	May 5, 2021

Create Background with CSS

Related topics