ColorZilla gradient editor background code placement ?

  • Anonymous


    I was looking at the free colorzilla gradient maker– This :

    But when I copy the Css code that they give on the right hand side and put it into my -child theme- I don’t see it take effect? what am I doing wrong?

    Thank you for all of your help


    Kenneth John Odle


    What are you copying and pasting? What element are you applying it to?



    where it says CSS on colorzilla after you make a gradient. I am copying that code and pasting it on my child theme exactly as it is on color zilla. What am I supposed to change or add to make it work ?

    Thank You


    Kenneth John Odle


    Which element, ID, or class are you trying to add it to? You should have something like this:

    #content-main {
    background: #cfe7fa; /* Old browsers */
    background: -moz-linear-gradient(top, #cfe7fa 0%, #6393c1 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cfe7fa), color-stop(100%,#6393c1)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #cfe7fa 0%,#6393c1 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #cfe7fa 0%,#6393c1 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #cfe7fa 0%,#6393c1 100%); /* IE10+ */
    background: linear-gradient(to bottom, #cfe7fa 0%,#6393c1 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfe7fa', endColorstr='#6393c1',GradientType=0 ); /* IE6-9 */



    yes that is exactly what I have and I added that to the child theme in my editor, and the background just stayed the same as the color that I had picked under my appearance menu


    Kenneth John Odle


    3rd time’s the charm:

    Which element are you trying to apply this to, so that I know what you look for on your site?



    hahaha I don’t know what you mean by which “element” what I want to do is make this my main background for the entire site


    Kenneth John Odle


    You need to read up on how to use CSS. Start by checking the resources available here:

    In your child theme style sheet, add

    body {
    code from above linke

    Then, go to Appearance >> Background and click on “Remove background image”.



    You are the BEST!!! Thank you , and Yes as soon as I have spare time all I am going to do is learn about CSS, I really want to understand it better



    I just don’t understand why all the colors appear light on colorzilla but dark on the site?

Viewing 10 posts - 1 through 10 (of 17 total)

  • 1
  • 2
  • You must be logged in to reply to this topic.