Title: CSS Problem with Widget Last modified: August 21, 2016 --- # CSS Problem with Widget * Resolved [rairose](https://wordpress.org/support/users/rairose/) * (@rairose) * [12 years, 6 months ago](https://wordpress.org/support/topic/css-problem-with-widget/) * Hi! I am using the iDream theme ([http://wordpress.org/themes/idream](http://wordpress.org/themes/idream)) and the Image Rotator widget (from [http://www.dknewmedia.com/](http://www.dknewmedia.com/)). I am trying to get rid of the little red bullet square next to the rotating images. I’ve tried this in the style sheet for my theme as well as for the widget: * ``` .irw-slider li { display: inline; list-style-type: none; list-style: none; } ``` * But it hasn’t worked. Can anyone give me help on this? * The website I’m working on is: [http://www.guntoolsystems.com/](http://www.guntoolsystems.com/) Viewing 7 replies - 1 through 7 (of 7 total) * [Dustin Boling](https://wordpress.org/support/users/dustinboling/) * (@dustinboling) * [12 years, 6 months ago](https://wordpress.org/support/topic/css-problem-with-widget/#post-4327909) * It looks like it’s actually a background image, not a list-style. Try adding this to your styles: * ``` .irw-slider li { background-image: none; } ``` * Thread Starter [rairose](https://wordpress.org/support/users/rairose/) * (@rairose) * [12 years, 6 months ago](https://wordpress.org/support/topic/css-problem-with-widget/#post-4327911) * Ahhh!!! Thank you SO much, Dustin! You’re wonderful 🙂 This infuriating problem has been plaguing my coding life for weeks. And you’ve solved it. Thank you!! I really appreciate it 🙂 * Thread Starter [rairose](https://wordpress.org/support/users/rairose/) * (@rairose) * [12 years, 6 months ago](https://wordpress.org/support/topic/css-problem-with-widget/#post-4327917) * Would you be willing to help me with one other problem? * I have WooCommerce installed on the same site. It’s wonderful and I’m happy with the functionality of it. However, the appearance is another matter. I’ve tried to reach out to the developers of WooCommerce but have had no response. * This is my problem page: [http://www.guntoolsystems.com/shop/](http://www.guntoolsystems.com/shop/) * It’s displaying like a simple vertical list of products, but it should be appearing like this: [http://www.woothemes.com/woocommerce/](http://www.woothemes.com/woocommerce/) * Any suggestions, my coding hero?? * [Dustin Boling](https://wordpress.org/support/users/dustinboling/) * (@dustinboling) * [12 years, 6 months ago](https://wordpress.org/support/topic/css-problem-with-widget/#post-4327935) * Thank you and you’re welcome! * I think you need to add body_class() to your body tag. More info can be found [here](http://codex.wordpress.org/Function_Reference/body_class). It looks like Woocommerce might be dynamically adding the .woocommerce-page class to the body tag. Add the body_tag() function to your body tag like so and magic might happen: * `>` * Thread Starter [rairose](https://wordpress.org/support/users/rairose/) * (@rairose) * [12 years, 6 months ago](https://wordpress.org/support/topic/css-problem-with-widget/#post-4328018) * To which page should I add this body tag? * [WPyogi](https://wordpress.org/support/users/wpyogi/) * (@wpyogi) * [12 years, 6 months ago](https://wordpress.org/support/topic/css-problem-with-widget/#post-4328019) * I’ve deleted that very long list of files/pages – it’s not relevant. The body tag is in the header.php file – and it shows up on every page of any website – it’s a basic, required HTML element – see: * [http://www.w3schools.com/tags/tag_body.asp](http://www.w3schools.com/tags/tag_body.asp) * See the link above for info on the WP `body_class()` * It looks like the theme you are using is very outdated and no longer supported or maintained – you really might want to consider using a more current theme. * Thread Starter [rairose](https://wordpress.org/support/users/rairose/) * (@rairose) * [12 years, 6 months ago](https://wordpress.org/support/topic/css-problem-with-widget/#post-4328020) * Ok, I take it back. I figured out where to add it. But now there is a problem with the sidebar. When you go to this page: [http://www.guntoolsystems.com/shop/](http://www.guntoolsystems.com/shop/) or any of the product pages, the sidebar appears down at the bottom of the page instead of on the right side. How do I fix THAT now? * (Sorry for all the posts) Viewing 7 replies - 1 through 7 (of 7 total) The topic ‘CSS Problem with Widget’ is closed to new replies. ## Tags * [bullet](https://wordpress.org/support/topic-tag/bullet/) * [Coding](https://wordpress.org/support/topic-tag/coding/) * [css](https://wordpress.org/support/topic-tag/css/) * [html](https://wordpress.org/support/topic-tag/html/) * [image](https://wordpress.org/support/topic-tag/image/) * [list](https://wordpress.org/support/topic-tag/list/) * [rotator](https://wordpress.org/support/topic-tag/rotator/) * 7 replies * 3 participants * Last reply from: [rairose](https://wordpress.org/support/users/rairose/) * Last activity: [12 years, 6 months ago](https://wordpress.org/support/topic/css-problem-with-widget/#post-4328020) * Status: resolved ## Topics ### Topics with no replies ### Non-support topics ### Resolved topics ### Unresolved topics ### All topics