Woocommerce featured products shortcode misaligned

  • I’m trying to make the cupcakes on this page

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

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

    https://www.ads-software.com/plugins/woocommerce/

Viewing 3 replies - 1 through 3 (of 3 total)

  • Appearance can’t be affected by shortcode parameters.

    Try this in your custom css:

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

    If your theme does not have a setting where you can enter custom css, you can use a plugin like this one:
    https://www.ads-software.com/plugins/simple-custom-css/

    Thread Starter kalmykov

    (@kalmykov)

    That worked!

    I’m afraid I don’t understand exactly what it did though.

    Would you be so kind as to elaborate on your solution?

    Sorry I can’t remember where the white-space fix came from, and I don’t clearly understand what it does, but I can tell you there’s quite a few members on here that suffer from the same issue – so I’m practiced in repeating the fix!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Woocommerce featured products shortcode misaligned’ is closed to new replies.