nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Create a gradient

Joachim Weichert

Hallo, I'm new in confluence and I try to get a gradient in a field of a table.

I can change the background colour with bgcolor="#7b204f". No problem.

So I tried get a gradient with Style="background-image: linear-gradient(to right, #7b204 100%, #ef4070 100%) but it worked only in the preview while editing. But it disappeared at once after saving. Can someone tell me where my mistake is?

Thank you.

Accepted answers

All comments

Bill Bailey

How are applying this style?

Joachim Weichert

This exactly is my question : How to apply a gradient in one field of a table. I can aplly a color but not a gradient.

Bill Bailey

Let me try again, what method are you using to apply a color and attempting to apply a gradient? External CSS? Source editor? HTML pasted into Confluence?

Joachim Weichert

Hi Bill, sorry, I will try to explain.

If you press "F12" a windows opens with the HTML code. In the upper left Corner of these Window there is a button "Select an element..." If I click my box in the table after selecting this button, I can see in the HTML-window the right line of this element. With an rightclick on this line I can "add element", for example bgcolor="#ede8ed". This works well. To add a gradient a college told me I should write style="background-image: linear-gradient(to right, #7b204f 0%, #ef4070 100%)",. But this does not work, you will see the gradient only as long as you are in the preview mode. If you save the page, everything is gone. This is the way I tried it.

I hope you can understand my problem better now? Thanks.

Welcome!

It looks like you're new here. Sign in or register to get started.

Quick Links

Find more posts tagged with

confluence

server

confluence-server

atl-adm