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.

[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.

[Bill Bailey]

If I understand correctly, you are opening a console window in the browser. Any changes you make there do not persist, and will disappear on page refresh. It is a good method to test changes, but you have to write a specific CSS rule based on your tests and save it to Confluence.

Also, you want to open the console of the view version of the page (not the preview). And unless you are wanting this gradient on just one cell, that will take work to focus the CSS just on that cell (for example, custom CSS loaded from a user macro).

You can find more on styling Confluence with CSS here:

https://confluence.atlassian.com/doc/styling-confluence-with-css-166528400.html

[Joachim Weichert]

Thank you. That is exact the way I have done it.

I will try and tell you. Have a nice day.

[Joachim Weichert]

Thanks, but it didn't help much.  I was unable to find the General Configuration -  may be it is disabled?  I fear, I will not be allowed to change it, because we are a  firm with about 80 peaople to work with JIRA.  I have to check and aks our system administrator to do these changes for me.  Then I will try again.