Return to previous page

Align products on product page - by FashionNeeds

This topic has 5 replies, 4 voices, and was last updated 9 years, 5 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

8theme customization service

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Niche Market 03 – Multivendor WP WooCommerce Theme
lazy-placeholder
Minimal Fashion 02 Store – WordPress WooCommerce Theme
lazy-placeholder
Sushi Store – WordPress WooCommerce Theme
lazy-placeholder
Tea Store – WordPress WooCommerce Theme
lazy-placeholder
Marseille 01 – WordPress WooCommerce Theme
lazy-placeholder
Lifestyle Blog – WordPress WooCommerce Theme
lazy-placeholder
Lingerie Store – WordPress WooCommerce Theme
lazy-placeholder
Cocktails Store – WordPress WooCommerce Theme
lazy-placeholder
Marketing – WordPress WooCommerce Theme
lazy-placeholder
WooPress – Responsive Creative HTML5 Template

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.