Return to previous page

Align products on product page - by FashionNeeds

This topic has 5 replies, 4 voices, and was last updated 9 years, 6 months ago ago by Stan Russell

  • Avatar: FashionNeeds
    FashionNeeds
    Participant
    June 16, 2015 at 13:12

    Hi,

    I can’t get my products aligned on my products page. Since some of my product descriptions are longer than others, the “add to cart” button is placed lower at times. Can you help me?

    Please, contact administrator
    for this information.
    #69798 Copied
    4 Answers
    Avatar: Robert Hall
    Robert Hall
    Support staff
    June 16, 2015 at 13:20

    Hello,

    Please try to add the following code in custom.css file

    #products-grid.products_grid .product-grid .product-name{
  height: 40px;
}

    Here is a video tutorial how to create custom.css: https://www.youtube.com/watch?v=Qok2zRedRMY&feature=youtu.be.

    Regards,
    Robert Hall.

    #69802 Copied
    Avatar: Eva
    Eva Kemp
    Support staff
    June 16, 2015 at 13:22

    Hello,

    Try to add this code in custom.css file:

    #products-grid.products_grid .product-grid .product-name {
 height: 50px !important;
}

    To create custom.css you need rename default.custom.css to custom.css in wp-content/themes/blanco directory via FTP and enable it in Blanco – Theme Settings, tick “Enable Custom CSS file”.

    Regards,
    Eva Kemp.

    #69803 Copied
    Avatar: FashionNeeds
    FashionNeeds
    Participant
    June 16, 2015 at 13:35

    It worked thanks!

    #69805 Copied
    Avatar: stan
    Stan Russell
    Participant
    June 16, 2015 at 14:27

    Hello,

    you are welcome!

    Regards,
    Stan Russell.

    #69811 Copied
  • Viewing 5 results - 1 through 5 (of 5 total)

The issue related to '‘Align products on product page’' has been successfully resolved, and the topic is now closed for further responses

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Legenda – WooCommerce WordPress Theme
lazy-placeholder
Minimalist Outfits – WordPress WooCommerce Theme
lazy-placeholder
Architecture – WordPress Theme
lazy-placeholder
Barbershop – WordPress WooCommerce Theme
lazy-placeholder
Concert Store – WordPress WooCommerce Theme
lazy-placeholder
Gym Store – WordPress WooCommerce Theme
lazy-placeholder
Cocktails Store – WordPress WooCommerce Theme
lazy-placeholder
Jewellery Niche Market – Multivendor WP WooCommerce Theme
lazy-placeholder
Hotel – WordPress Theme
lazy-placeholder
Cosmetics 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.