WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] CSS Problem with Widget (8 posts)

  1. rairose
    Member
    Posted 4 months ago #

    Hi! I am using the iDream theme (http://wordpress.org/themes/idream) and the Image Rotator widget (from 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/

  2. Dustin Boling
    Member
    Posted 4 months ago #

    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;
    }
  3. rairose
    Member
    Posted 4 months ago #

    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 :-)

  4. rairose
    Member
    Posted 4 months ago #

    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/

    It's displaying like a simple vertical list of products, but it should be appearing like this: http://www.woothemes.com/woocommerce/

    Any suggestions, my coding hero??

  5. Dustin Boling
    Member
    Posted 4 months ago #

    Thank you and you're welcome!

    I think you need to add body_class() to your body tag. More info can be found here. 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:

    <body <?php body_class(); ?>>

  6. rairose
    Member
    Posted 4 months ago #

    To which page should I add this body tag?

  7. WPyogi
    Volunteer Moderator
    Posted 4 months ago #

    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

    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.

  8. rairose
    Member
    Posted 4 months ago #

    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/ 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)

Reply

You must log in to post.

About this Topic