Tagged: 

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • September 25, 2020 at 4:43 pm #1248481
    djoshu

    Hello support, I added an “Add to Cart button” but the width is too long. Is there a way to add a quick CSS to centre the button add reduce its width to a reasonable size instead of full width?

    I have attached my test page

    September 26, 2020 at 1:48 am #1248543
    Jordan Shannon

    Hey daakijoshua,

    Add this to quick css:

    .product_type_simple.add_to_cart_button{
max-width:150px!important;
margin:auto!important;
}

    Best regards,
    Jordan Shannon

    September 28, 2020 at 2:25 pm #1248996
    djoshu

    Thanks so much Jordan, this worked!

    September 28, 2020 at 3:49 pm #1249034
    Victoria

    Hi daakijoshua,

    Glad we could help :)

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

    September 30, 2020 at 12:33 pm #1249625
    djoshu

    Hello support, I would to centre the button on the shop page. The button is only centered on the product slider only. See private content

    October 1, 2020 at 6:09 am #1249808
    Jordan Shannon

    Hi,

    Add this to quick css as well:

    .button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
    max-width: 100%!important;
    margin: auto 0!important;
    width: 100%!important;
}

    Best regards,
    Jordan Shannon

    October 7, 2020 at 10:12 am #1251078
    djoshu

    Thanks Jordan, however this makes the buttons full width, I would like to have the buttons centered but not full width. I think like the previous 150px.

    October 8, 2020 at 7:03 am #1251310
    Rikard

    Hi,

    Please try this CSS instead:

    .button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
    width: 150px;
    display: table;
    margin: 0 auto !important;
    float: none;
}

    Best regards,
    Rikard

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.