Title: CSS Targeting
Last modified: August 21, 2016

---

# CSS Targeting

 *  Resolved [Adam](https://wordpress.org/support/users/gourmetbooks/)
 * (@gourmetbooks)
 * [13 years, 1 month ago](https://wordpress.org/support/topic/css-targeting/)
 * Hey Todd,
 * I’m having trouble targeting a whole individual widget. I want to hide one in
   the iPhone space, but I’m getting nowhere with these selectors:
 * `#*widgetID*`
    `#*widgetID* ul` `#*widgetID*.widgets_on_page`
 * [http://wordpress.org/extend/plugins/widgets-on-pages/](http://wordpress.org/extend/plugins/widgets-on-pages/)

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

 *  Plugin Author [toddhalfpenny](https://wordpress.org/support/users/toddhalfpenny/)
 * (@toddhalfpenny)
 * [13 years, 1 month ago](https://wordpress.org/support/topic/css-targeting/#post-3726597)
 * Hey there, do you have a link I can take a look at?
 * Ta,
    Todd
 *  Thread Starter [Adam](https://wordpress.org/support/users/gourmetbooks/)
 * (@gourmetbooks)
 * [13 years, 1 month ago](https://wordpress.org/support/topic/css-targeting/#post-3726635)
 * Sure thing. [http://www.erdagardens.org](http://www.erdagardens.org)
 * Thanks!
 *  Plugin Author [toddhalfpenny](https://wordpress.org/support/users/toddhalfpenny/)
 * (@toddhalfpenny)
 * [13 years, 1 month ago](https://wordpress.org/support/topic/css-targeting/#post-3726700)
 * Had a look but not sure what you mean by iphone space?
 * If though you want to target an individual Widgets on Pages sidebar you could
   do something like this;
 *     ```
       .widgets_on_page#Home_1 {
       display: none;
       }
       ```
   
 *  Thread Starter [Adam](https://wordpress.org/support/users/gourmetbooks/)
 * (@gourmetbooks)
 * [13 years, 1 month ago](https://wordpress.org/support/topic/css-targeting/#post-3726701)
 * Sorry, I don’t know how I thought that was descriptive. 🙂
 * By iPhone space, I mean the 480px max-width space.
 * This is specifically what I’m doing, and when I reduce my browser window to an
   iPhone-ish width, the widget stays:
 *     ```
       @media only screen and (max-width: 767px) {
         .widgets_on_page#home_5 { display: none; }
       }
       ```
   
 * Seems to me at a max-width of 767 it should be long-disappeared by the time the
   browser window gets that thin.
 * And thanks! It’d be a delight to get that front page a little cleaner in the 
   mobile space.
 *  Plugin Author [toddhalfpenny](https://wordpress.org/support/users/toddhalfpenny/)
 * (@toddhalfpenny)
 * [13 years ago](https://wordpress.org/support/topic/css-targeting/#post-3726717)
 * Hey again,
 * I have added this to the base of you style-mobile.css and it does what you want
   I think;
 *     ```
       @media only screen and (max-width: 767px) {
         .widgets_on_page#Home_5 { display:none;}
       }
       ```
   
 * Looks like you weren’t using the correct case for Home_5 ID.
 * Ta,
    Todd
 *  Thread Starter [Adam](https://wordpress.org/support/users/gourmetbooks/)
 * (@gourmetbooks)
 * [13 years ago](https://wordpress.org/support/topic/css-targeting/#post-3726718)
 * Crazy. I didn’t realize it was case-sensitive. Thanks!

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

The topic ‘CSS Targeting’ is closed to new replies.

 * ![](https://ps.w.org/widgets-on-pages/assets/icon.svg?rev=1400727)
 * [Widgets on Pages](https://wordpress.org/plugins/widgets-on-pages/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/widgets-on-pages/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/widgets-on-pages/)
 * [Active Topics](https://wordpress.org/support/plugin/widgets-on-pages/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/widgets-on-pages/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/widgets-on-pages/reviews/)

## Tags

 * [css](https://wordpress.org/support/topic-tag/css/)

 * 6 replies
 * 2 participants
 * Last reply from: [Adam](https://wordpress.org/support/users/gourmetbooks/)
 * Last activity: [13 years ago](https://wordpress.org/support/topic/css-targeting/#post-3726718)
 * Status: resolved