Gradient Background on Joyn Theme

[Adastram]

Good morning,

I am trying to create a gradient background,

First question: Is it possible to do that on Joyn?

Second question: If yes, I am using my child theme on WordPress. I went on Colorzilla to generate the code for my gradient background and entered it in:

Appearance -> Editor – Child theme: style.css
and enter this:

#content-main {
/* Permalink – use to edit and share this gradient: http://colorzilla.com/gradient-editor/#020202+0,2f4538+59,2f4538+99,2f4538+100,87bcea+100 */
background: #020202; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, #020202 0%, #2f4538 59%, #2f4538 99%, #2f4538 100%, #87bcea 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, #020202 0%,#2f4538 59%,#2f4538 99%,#2f4538 100%,#87bcea 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, #020202 0%,#2f4538 59%,#2f4538 99%,#2f4538 100%,#87bcea 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=’#020202′, endColorstr=’#87bcea’,GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
body {
code from above linke
}

But it does not seem to be applying to it.
Has anyone got a solution for this?

Thanks

[Kyle – SUPPORT]

Hi

There is no #content-main section, should be:

#main-container {
background: #020202; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, #020202 0%, #2f4538 59%, #2f4538 99%, #2f4538 100%, #87bcea 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, #020202 0%,#2f4538 59%,#2f4538 99%,#2f4538 100%,#87bcea 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, #020202 0%,#2f4538 59%,#2f4538 99%,#2f4538 100%,#87bcea 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#020202', endColorstr='#87bcea',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

– Kyle

[Adastram]

Thank you so much it works, although I had to apply this code in the custom CSS of WordPress, is there a way to make it permanent by writing it on my child theme?

Thanks

Amelie

[Kyle – SUPPORT]

You would need to add !important to use it in the child theme css

– Kyle