• Resolved garteth

    (@garteth)


    Hello

    I am using Astra theme and have four columns for my shop.

    The buttons align for the first three columns, but each one is out on the fourth column.

    I am working using localhost but can make available if need be.

    FYI tried your version for modified themes on GitHub.

Viewing 9 replies - 1 through 9 (of 9 total)
  • Plugin Author 320up

    (@320up)

    We would need to see your theme on a demo website where we can view the code.

    I have the same problem.
    My theme is: Shuttle weMagazine Versión: 1.0.1
    and you can watch it here: https://didacticoskas.cl/categoria-producto/edades/3-anos-en-adelante/page/2/
    As you can see the problem is in the 4th column, only it.
    If you can do something it will be amazing, thanks.

    Plugin Author 320up

    (@320up)

    The problem is in your themes style sheet: style-shortcodes.css on line 716
    .last {clear: right; margin-right: 0px !important; }
    Try deleting that line.

    Or try adding: .last { clear: none; } in your custom css.
    That should fix the problem.

    OMG, you are the best, i added .last {clear: none; }in Simple CSS Plugin and it repair it. Thank you so much, i owe you.

    cwebsite

    (@conversiewebsite)

    This code is not working for the Astra Theme. :O
    Front page has WooCommerce 5 items: https://nagelsgroothandel.nl/
    Best check this productspage: https://nagelsgroothandel.nl/orly-hand-nailcare/

    I already fixed the height of the images in Astra Theme for Woocommerce with:

    .archive .astra-shop-thumbnail-wrap img{
      height:300px !important;
      width:auto !important;
    }

    Thank you,
    Conversie Website

    Plugin Author 320up

    (@320up)

    Copy and paste this in your custom css and see if that works:

    .woocommerce-page.columns-4 ul.products li.product:nth-child(4n), .woocommerce.columns-4 ul.products li.product:nth-child(4n) {
        clear: none;
    }

    This will only work for 4 column layout.

    The problem is your theme has clear: right; for the last column. It should be clear: none; for it to work.

    Plugin Author 320up

    (@320up)

    As your front page has a 5 column layout, you would also need to add this:

    .woocommerce-page.columns-5 ul.products li.product:nth-child(5n), .woocommerce.columns-5 ul.products li.product:nth-child(5n) {
        clear: none;
    }
    Plugin Author 320up

    (@320up)

    Try this for all column layouts:

    ul.products li.product {
        clear: none !important;
    }
    cwebsite

    (@conversiewebsite)

    Seems to work perfectly the last code ??

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Last product in row out of sync’ is closed to new replies.