Shortcode [product] shrinked after add float left to style.css. How to fix?

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter weifu

    (@weifu)

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

    https://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

    Thread Starter weifu

    (@weifu)

    @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.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Shortcode [product] shrinked after add float left to style.css. How to fix?’ is closed to new replies.

Tags