• Resolved Gary Darling

    (@garydarling)


    I’ve copy/pasted background-image gradients from Twitter Bootstrap and other online generators into Jetpack’s Edit CSS. No problem with Jetpack accepting the input, it just doesn’t output past the first gradient declaration. So this:

    .btn-primary {
    	background-color: rgb(0,109,204);
    	background-image: -webkit-gradient(linear,0 0,0 100%,from(rgb(0,136,204)),to(rgb(0,68,204)));
    	background-image: -webkit-linear-gradient(top,rgb(0,136,204),rgb(0,68,204));
    	background-image: -o-linear-gradient(top,rgb(0,136,204),rgb(0,68,204));
    	background-image: linear-gradient(to bottom,rgb(0,136,204),rgb(0,68,204));
    	background-image: -moz-linear-gradient(top,rgb(0,136,204),rgb(0,68,204));
    }

    results in this in Chrome/Safari:

    .btn-primary {
    	background-color: rgb(0,109,204);
    	background-image: -webkit-gradient(linear,0 0,0 100%,from(rgb(0,136,204)),to(rgb(0,68,204)));
    }

    and this in Firefox:

    btn-primary {
    	background-color: rgb(0,109,204);
    }

    I haven’t tried IE9, but this would appear to be a Jetpack bug.

    http://wordpress.org/extend/plugins/jetpack/

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Jeremy Herve

    (@jeherve)

    Jetpack Mechanic 🚀

    Thanks for the report! We’ll have a closer look at it, and I will post again here as soon as I have some news.

    Plugin Author Jeremy Herve

    (@jeherve)

    Jetpack Mechanic 🚀

    We have now fixed this issue. The fix will be available in the next Jetpack release.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Edit CSS doesn't like background-image gradients’ is closed to new replies.