Title: [Plugin: WordPress.com Custom CSS] CSS3, gradient backgrounds, @media
Last modified: August 20, 2016

---

# [Plugin: WordPress.com Custom CSS] CSS3, gradient backgrounds, @media

 *  [Michael](https://wordpress.org/support/users/eizzumdm/)
 * (@eizzumdm)
 * [14 years, 6 months ago](https://wordpress.org/support/topic/plugin-wordpresscom-custom-css-css3-gradient-backgrounds-media/)
 * The Custom CSS plugin has proven to add quite a bit of flexibility in our multisite
   network, especially combined with the Twenty Eleven theme.
 * Twenty Eleven features some advanced CSS that cannot be overridden via this plugin
   because CSSTidy strips out the code. Namely, the background gradients in the #
   access div and the [@media](https://wordpress.org/support/users/media/) queries.
 * Does anyone have experience with editing the CSSTidy files that come with the“
   WordPress.com Custom CSS” plugin to allow CSS3 gradient backgrounds and/or [@media](https://wordpress.org/support/users/media/)
   queries?
 * [http://wordpress.org/extend/plugins/safecss/](http://wordpress.org/extend/plugins/safecss/)

Viewing 3 replies - 1 through 3 (of 3 total)

 *  Thread Starter [Michael](https://wordpress.org/support/users/eizzumdm/)
 * (@eizzumdm)
 * [14 years, 6 months ago](https://wordpress.org/support/topic/plugin-wordpresscom-custom-css-css3-gradient-backgrounds-media/#post-2394410)
 * Just as a follow up, with the current version of the plugin, 1.5, the following:
   `
   @media (max-width: 800px) { }` would become: `@media max-width 800px { }` and
 *     ```
       background: #222;
       background: -moz-linear-gradient(#252525, #0a0a0a);
       background: -o-linear-gradient(#252525, #0a0a0a);
       background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#252525), to(#0a0a0a));
       background: -webkit-linear-gradient(#252525, #0a0a0a);
       ```
   
 * would become:
    `background:0;`
 *  [alittlebitofnothing](https://wordpress.org/support/users/ecomonkey/)
 * (@ecomonkey)
 * [14 years, 3 months ago](https://wordpress.org/support/topic/plugin-wordpresscom-custom-css-css3-gradient-backgrounds-media/#post-2394660)
 * It would be really nice to allow css3 gradients and not to have to meddle with
   the CSSTidy.
 * Thanks!
 *  [mrdb](https://wordpress.org/support/users/mrdb/)
 * (@mrdb)
 * [13 years, 11 months ago](https://wordpress.org/support/topic/plugin-wordpresscom-custom-css-css3-gradient-backgrounds-media/#post-2394689)
 * Hey Michael,
 * Did you find an answer for your question? I am having trouble with gradients 
   in internet explorer and have found a fix (see below) but SafeCSS strips out 
   the -ms-filter & zoom lines.
 *     ```
       background:none;
       -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#26ffffff,endColorstr=#26ffffff);
       filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#26ffffff,endColorstr=#26ffffff);
       zoom: 1;
       ```
   
 * Any help would be appreciated.
 * Thanks

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘[Plugin: WordPress.com Custom CSS] CSS3, gradient backgrounds, @media’
is closed to new replies.

 * ![](https://s.w.org/plugins/geopattern-icon/safecss.svg)
 * [WordPress.com Custom CSS](https://wordpress.org/plugins/safecss/)
 * [Support Threads](https://wordpress.org/support/plugin/safecss/)
 * [Active Topics](https://wordpress.org/support/plugin/safecss/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/safecss/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/safecss/reviews/)

 * 3 replies
 * 3 participants
 * Last reply from: [mrdb](https://wordpress.org/support/users/mrdb/)
 * Last activity: [13 years, 11 months ago](https://wordpress.org/support/topic/plugin-wordpresscom-custom-css-css3-gradient-backgrounds-media/#post-2394689)
 * Status: not resolved