Announcement

Collapse
No announcement yet.

layout problem with WooCommerce shortcodes

Collapse
X
  • Filter
  • Time
  • Show
Clear All
new posts

  • layout problem with WooCommerce shortcodes

    I'm trying to make the cupcakes on this page

    http://mysweettoothtreats.com/wordpress/

    display in a straight line underneath the slider. for some reason they appear diagonally stagnated and have a great deal of vertical space on each one.

    Any Ideas on how to eliminate the extra vertical space and make them all top-aligned?

    The images are all there via the woo commerce short codes.

    I've tried all of the following, each with the same result.

    Code:
    [recent_products per_page="4" columns="4" orderby="date" order="ASC"]
    
    [featured_products per_page="4" columns="4" orderby="date" order="ASC"]
    
    [best_selling_products per_page="4" columns="4" orderby="date" order="ASC"]
    currently its on recent_products

    I've also tried making the thumbs smaller but that only increased the space between each one.

  • #2
    Figured it out.

    Added this custom CSS
    #cc_woocommerce {
    margin: 0 auto;
    max-width: 1064px;
    }

    .product .entry-summary { clear:none !important; }

    .woocommerce.columns-4 {white-space:normal}
    ul.products {white-space:normal; margin-bottom:0}
    ul.products li.product {margin-bottom:0}

    Comment

    Working...
    X