Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • August 10, 2017 at 3:03 pm #837000
    newki75

    Hello,

    I have 2 questions regarding my shop page (ciegeneralebiscuiterie.com/product-category/biscuits-cakes/) :
    – when the product title is on 2 lines, the way the buttons “Add to cart” are displayed is not nice. Is there a way to fix them at the bottom of each product block, whatever the title is on 1 or 2 lines.
    – By default, on the enfold demo shop, the buttons Add to cart and View details are not displayed so Victoria gave me the code to insert in fucntions.php. But as you can see, the button is small, alone on the left. So is there a way to center it and increase it’s width or, if i’ts not possible, how can I add the View details buttons. (I would prefer the center bigger option).

    Tx for your help!
    Best regards,
    Marine

    August 12, 2017 at 9:21 pm #838022
    Victoria

    Hey Marine,

    There is an extra closing div tag generated, that has to be dealt with.

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
.woocommerce-page .button.add_to_cart_button {
    padding: 15px 20px;
    font-size: 16px;
    line-height: 18px;
    width: 60%;
    margin-left: 20%;
}

    If you need further assistance please let us know.
    Best regards,
    Victoria

    August 13, 2017 at 10:56 am #838198
    newki75

    Perfect Victoria to display the button alone in the middle.
    Regarding my second question, “when the product title is on 2 lines, the way the buttons “Add to cart” are displayed is not nice. Is there a way to fix them at the bottom of each product block, whatever the title is on 1 or 2 lines”, any solution?
    Tx and have a lovely day !
    Marine

    August 13, 2017 at 9:37 pm #838340
    Nikko

    Hi Marine,

    I think the solution is to change font size of the product title so they can have same number of lines or try adding this css code in Quick CSS (located in Enfold > General Styling):

    #top #wrap_all .all_colors .inner_product_header_cell > a.woocommerce-LoopProduct-link {
    min-height: 115px;
}

    Hope this helps. :)

    Best regards,
    Nikko

    August 15, 2017 at 10:33 am #839163
    newki75

    Perfect, tx Nikko ! You can close the issue :-)

    August 15, 2017 at 5:51 pm #839463
    Sarah

    Hi!

    We’re glad that Nikko was able to help you! We’ll close this topic now, as requested. For any other questions or issues, feel free to post them here on the forum and we will do our best to assist you.

    Thank you for using Enfold.
    Cheers!
    Sarah

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Shop product page : display View details button’ is closed to new replies.