WordPress.org

Ready to get started?Download WordPress

Forums

WooCommerce - excelling eCommerce
[resolved] Shortcode [product] shrinked after add float left to style.css. How to fix? (4 posts)

  1. weifu
    Member
    Posted 10 months ago #

    I am trying to have an ifram next to shortcode [product].

    I've added this code to my style.css:

    .woocommerce ul {
    float:left;
    width:190px;
    }

    As a result, I successfully aligned iframe next to the product image, however the whole box shrinked. You can see it here:
    http://www.gbvalley.com/store/coolpad-7020/

    How should I fix my code so that the product image is in its normal size with iframe on the left side?

    Thanks.

    http://wordpress.org/plugins/woocommerce/

  2. weifu
    Member
    Posted 10 months ago #

    by the way, here's my current version I'm using:
    WordPress 3.6 and WooCommerce 2.0.13.

  3. denovembre
    Member
    Posted 10 months ago #

    http://www.gbvalley.com/store/wp-content/plugins/woocommerce/assets/css/woocommerce.css?ver=3.6

    line 1

    .woocommerce ul.products li.product, .woocommerce-page ul.products li.product

    width is 22% or something, try to make it 100% you can also override and add !important

    hope its help

    Thanks
    my works

  4. weifu
    Member
    Posted 10 months ago #

    @denovembre, thank you for your help!

    following your advice, i changed my code to this:
    /wp-content/plugins/woocommerce/assets/css/woocommerce.css
    line 1
    For:
    .woocommerce .products ul:after, .woocommerce-page .products ul:after, .woocommerce ul.products:after, .woocommerce-page ul.products:after

    Originally the code contains clear:both and content=""

    I removed clear:both and content="" and add clear:none. So for this part of the code, it now reads:
    .woocommerce .products ul:after,.woocommerce-page .products ul:after,.woocommerce ul.products:after,.woocommerce-page ul.products:after{display:block;clear:none}

    By doing this I successfully lined the iframe next to the product image and image size is now normal.

Reply

You must log in to post.

About this Plugin

About this Topic