Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1403539
    underthebo
    Participant

    Hi,

    We are looking for a way to align vertically to the bottom the products on a category page, see here for example :
    https://underthebo.com/antique-arts-gallery/other-arts/statues/bronze/

    Thank you for your help !

    #1403647
    Christopher
    Moderator

    Hi there,

    I can’t access your page due to following error :

    503 Service Temporarily Unavailable
    
    

    Thanks.

    #1403652
    underthebo
    Participant
    #1403699
    Christopher
    Moderator

    Hi there,

    Please add following code in Customize -> Custom -> Global CSS :

    .woocommerce li.product .entry-featured {
        height: 355px;
    }
    .woocommerce li.product .entry-wrap {
        box-shadow: none;
    }
    .woocommerce li.product .entry-header h3 {
        font-size: 18px;
    }
    .woocommerce .cols-4 li.product, .woocommerce.columns-4 li.product {
        padding-bottom: 20px;
    }
    a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
        margin: 0 auto;
        display: table;
    }
    

    I provided you with code to adjust add to cart button as well.

    Hope that helps.

    #1404312
    underthebo
    Participant

    Thank you Christopher, but this is not what we want to do,

    Your code crop our pictures and some smaller do not fill the boxes,
    Please see attached images capture1.jpg

    What we want is just to align everything to the bottom,
    Please see attached images capture2.jpg

    Thank you for your help

    #1404416
    Christopher
    Moderator

    Thanks for writing in! Regretfully this isn’t a feature offered by X. It could be possible with custom development, but this would be outside the scope of support we can offer. You may wish to consult a developer to assist you with this. X is quite extensible with child themes, so there are plenty of possibilities. Thanks for understanding. Take care!

  • <script> jQuery(function($){ $("#no-reply-1403539 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>