Title: Plugin’s CSS with “!important” added interfering
Last modified: June 30, 2019

---

# Plugin’s CSS with “!important” added interfering

 *  Resolved [jamminjames](https://wordpress.org/support/users/jamminjames/)
 * (@jamminjames)
 * [6 years, 10 months ago](https://wordpress.org/support/topic/plugins-css-with-important-added-interfering/)
 * Some of the plugin’s CSS file settings have “!important” added, which makes it
   impossible to make adjustments. The plugin’s own CSS shouldn’t be using that.
 * The problem I’m facing is I have a small gallery of three columns, three videos
   only, and I want them to be evenly spaced on one line. However, there is this
   setting in the plugin’s CSS:
 *     ```
       @media only screen and (min-width: 1000px) and (max-width: 1169px) {
        body .yotu-mode-grid li,
        .yotu-mode-mix li,
        body .yotu-mode-grid[class*=' yotu-column-'] li,
        body .yotu-mode-grid[class^='yotu-column-'] li {
         width:48%!important;
         margin-right:4%!important
        }
       ```
   
 * … and it’s forcing the thumbnails to be too large. If I try to counter that with
   my own “!important” lines, with 32% and 1%, it doesn’t have any effect. I also
   tried adding:
 *     ```
       .yotu-column-3 li {
           width: 32.66% !important;
           margin-right: 1% !important;
       }
       ```
   
 * … but no luck. Please let me know how I can do this, and/or, please remove your“!
   important” lines, which you shouldn’t need anyway. Thank you.

Viewing 1 replies (of 1 total)

 *  Thread Starter [jamminjames](https://wordpress.org/support/users/jamminjames/)
 * (@jamminjames)
 * [6 years, 10 months ago](https://wordpress.org/support/topic/plugins-css-with-important-added-interfering/#post-11685555)
 * Okay, I was able to fix it using this (not in [@media](https://wordpress.org/support/users/media/)):
 *     ```
       body.home .yotu-mode-grid li.yotu-first, body.home .yotu-mode-grid li, body.home .yotu-mode-grid li:nth-child(2n) {
           margin-right: 1% !important;
       }
       ```
   

Viewing 1 replies (of 1 total)

The topic ‘Plugin’s CSS with “!important” added interfering’ is closed to new replies.

 * ![](https://ps.w.org/yotuwp-easy-youtube-embed/assets/icon-256x256.png?rev=2869253)
 * [Video Gallery - YouTube Playlist, Channel Gallery by YotuWP](https://wordpress.org/plugins/yotuwp-easy-youtube-embed/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/yotuwp-easy-youtube-embed/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/yotuwp-easy-youtube-embed/)
 * [Active Topics](https://wordpress.org/support/plugin/yotuwp-easy-youtube-embed/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/yotuwp-easy-youtube-embed/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/yotuwp-easy-youtube-embed/reviews/)

## Tags

 * [!important](https://wordpress.org/support/topic-tag/important/)
 * [columns](https://wordpress.org/support/topic-tag/columns/)
 * [css](https://wordpress.org/support/topic-tag/css/)
 * [spacing](https://wordpress.org/support/topic-tag/spacing/)
 * [thumbnails](https://wordpress.org/support/topic-tag/thumbnails/)
 * [yotuwp](https://wordpress.org/support/topic-tag/yotuwp/)

 * 1 reply
 * 1 participant
 * Last reply from: [jamminjames](https://wordpress.org/support/users/jamminjames/)
 * Last activity: [6 years, 10 months ago](https://wordpress.org/support/topic/plugins-css-with-important-added-interfering/#post-11685555)
 * Status: resolved