WordPress.org

Forums

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

  1. weifu
    Member
    Posted 1 year 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 1 year ago #

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

  3. denovembre
    Member
    Posted 1 year 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 1 year 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.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic