ColorZilla gradient editor background code placement ?

  • Anonymous

    #7173

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

    http://www.colorzilla.com/gradient-editor/

    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

    Mod

    Kenneth John Odle

    #37248

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

    Anonymous

    #37249

    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

    Mod

    Kenneth John Odle

    #37250

    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 */
    }

    Anonymous

    #37251

    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

    Mod

    Kenneth John Odle

    #37252

    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?

    Anonymous

    #37253

    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

    Mod

    Kenneth John Odle

    #37254

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

    http://forum.khairul-syahir.com/graphene-support/beginners-resources-possible-sticky#post-15033

    In your child theme style sheet, add

    body {
    code from above linke
    }

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

    Anonymous

    #37255

    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

    Anonymous

    #37256

    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)

You must be logged in to reply to this topic.

Do NOT follow this link or you will be banned from the site!