Title: deulseobs's Replies | WordPress.org

---

# deulseobs

  [  ](https://wordpress.org/support/users/deulseobs/)

 *   [Profile](https://wordpress.org/support/users/deulseobs/)
 *   [Topics Started](https://wordpress.org/support/users/deulseobs/topics/)
 *   [Replies Created](https://wordpress.org/support/users/deulseobs/replies/)
 *   [Reviews Written](https://wordpress.org/support/users/deulseobs/reviews/)
 *   [Topics Replied To](https://wordpress.org/support/users/deulseobs/replied-to/)
 *   [Engagements](https://wordpress.org/support/users/deulseobs/engagements/)
 *   [Favorites](https://wordpress.org/support/users/deulseobs/favorites/)

 Search replies:

## Forum Replies Created

Viewing 1 replies (of 1 total)

 *   Forum: [Plugins](https://wordpress.org/support/forum/plugins-and-hacks/)
    In
   reply to: [[Code Snippets] Overriding inline !important CSS with Javascript code snippet](https://wordpress.org/support/topic/overriding-inline-important-css-with-javscript-code-snippet/)
 *  Thread Starter [deulseobs](https://wordpress.org/support/users/deulseobs/)
 * (@deulseobs)
 * [5 years, 3 months ago](https://wordpress.org/support/topic/overriding-inline-important-css-with-javscript-code-snippet/#post-14141683)
 * This also doesn’t not work, if I wanted to specify a media query for that element:
 *     ```
       function wpb_hook_javascript() {
         if (is_front_page ()) { 
           ?>
               <script type="text/javascript" src='jquery.min.js?ver=3.5.1'>
       		if (matchMedia("(max-width: 760px)").matches) { 
       			// the viewport is at most 760 pixels wide 
       			$('#header.header-front-page').css('background-size', '100%!important')
               }
               </script>
           <?php
         }
       }
       add_action('wp_head', 'wpb_hook_javascript');
       ```
   

Viewing 1 replies (of 1 total)