Support » Plugin: Jetpack by WordPress.com » Edit CSS doesn't like background-image gradients

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