WordPress.org

Ready to get started?Download WordPress

Forums

Jetpack by WordPress.com
[resolved] Edit CSS doesn't like background-image gradients (3 posts)

  1. Gary Darling
    Member
    Posted 1 year ago #

    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/

  2. Jeremy Herve
    Happiness Engineer
    Plugin Author

    Posted 1 year ago #

    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.

  3. Jeremy Herve
    Happiness Engineer
    Plugin Author

    Posted 10 months ago #

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

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic