WordPress.org

Forums

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

  1. Gary Darling
    Member
    Posted 2 years 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 2 years 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 1 year 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

  • Jetpack by WordPress.com
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic