Return to previous page

Align products in shop pages - by Michael

This topic has 6 replies, 4 voices, and was last updated 10 years ago ago by Robert Hall

  • Avatar: mcheck
    Michael
    Participant
    June 24, 2014 at 20:27

    Is it possible with css magic to align the bottoms of a row of products in the shop pages?

    Of course, because all the names are varying length, the heights are different. Could I specify a default height for that container, and move the Add to Cart buttons down to the line for all of them?

    Like in the picture:
    http://take.ms/P9Y02

    Thanks!

    Mike

    Please, contact administrator
    for this information.
    #7998 Copied
    5 Answers
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    June 25, 2014 at 09:18

    Hello,

    Please add the following code into the custom.css:

    slide-item .product .product-name, .products-grid .product .product-name {
height: 75px;
}

    Regards,
    Jack Richardson

    #8046 Copied
    Avatar: midlandsonline
    neil
    Participant
    November 17, 2014 at 18:28

    Hi

    I have the same issue, I tried that code but it didn’t work

    Here is my URL http://ukfragrances.co.uk/

    You can see its starting to get a bit messy with the add to cart buttons not aligned

    #24953 Copied
    Avatar: Robert Hall
    Robert Hall
    Support staff
    November 17, 2014 at 18:34

    Hello midlandsonline,

    Please add this code into custom.css file.

    .products-page-cats {
height:40px;
}
.product-title{
height:60px;
}

    Regards,
    Robert Hall.

    #24958 Copied
    Avatar: midlandsonline
    neil
    Participant
    November 17, 2014 at 18:42

    Perfect, thank you

    #24960 Copied
    Avatar: Robert Hall
    Robert Hall
    Support staff
    November 17, 2014 at 18:43

    You’re welcome!

    Regards,
    Robert Hall.

    #24962 Copied
  • Viewing 6 results - 1 through 6 (of 6 total)

The issue related to '‘Align products in shop pages’' has been successfully resolved, and the topic is now closed for further responses

8theme customization service

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Legenda – WooCommerce WordPress Theme
lazy-placeholder
Niche Market 02 – Multivendor WP WooCommerce Theme
lazy-placeholder
Default RTL – WordPress WooCommerce Theme
lazy-placeholder
WooPress – Responsive Creative HTML5 Template
lazy-placeholder
Handtools Store – WooCommerce Theme
lazy-placeholder
Grocery Mega Market – WordPress WooCommerce Theme
lazy-placeholder
Hemp & CDB – WordPress WooCommerce Theme
lazy-placeholder
Organic Store 02 – WordPress WooCommerce Theme
lazy-placeholder
Minimal Fashion Store – WordPress WooCommerce Theme
lazy-placeholder
Luxury Jewelry Store – WordPress WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.