Products Page Design - by Shirohae - on WordPress WooCommerce support

This topic has 6 replies, 2 voices, and was last updated 7 years, 10 months ago ago by Eva Kemp

  • Avatar: Shirohae
    Shirohae
    Participant
    June 11, 2016 at 20:57

    Hey there i was wondering if you can help me with 2 things :
    1. Is it possible to center the Add to cart button ? (now it’s more the left hand side)
    2. As you can see from the link (https://www.dropbox.com/s/8grlov1d3zz6u8i/Capture.PNG?dl=0) the products (depending on the title) give the add to cart button at different heights. Is it possible to have them on the same line ? I personally do not care if I have another blank row, would rather just have them on the same line.

    5 Answers
    Avatar: Eva
    Eva Kemp
    Support staff
    June 13, 2016 at 08:58

    Hello,

    Please provide us with the link to your site.

    Regards,
    Eva Kemp.

    Avatar: Shirohae
    Shirohae
    Participant
    June 13, 2016 at 10:21

    you have the info bellow

    Please, contact administrator
    for this information.
    Avatar: Eva
    Eva Kemp
    Support staff
    June 13, 2016 at 10:39

    Hello,

    Your site gives “Internal Server Error” http://storage3.static.itmages.com/i/16/0613/h_1465810767_7865473_9451466cd8.jpeg .
    You should contact your hosting provider support regarding this issue.

    Regards,
    Eva Kemp.

    Avatar: Shirohae
    Shirohae
    Participant
    June 13, 2016 at 11:12

    Should be fine now.
    WE are indeed on a small hosting but we will migrate once the job is complete.

    Avatar: Eva
    Eva Kemp
    Support staff
    June 13, 2016 at 13:30

    Hello,

    1. Please use this code in custom.css file:

    .slide-item .product .add-to-container, .products-grid .product .add-to-container {
       text-align: center;
    }

    2. Add this code in custom.css file:

    .slide-item .product .product-name, .products-grid .product .product-name {
       height: 70px;
    }
    .slide-item .product .price, .products-grid .product .price {
       height: 50px;
    }

    How to create custom.css you can watch in this tutorial

    Regards,
    Eva Kemp.

  • Viewing 6 results - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.Log in/Sign up

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