Add To Cart button spacing issue when only one item in stock

  • Resolved fatcacky

    (@fatcacky)


    2 years, 11 months ago

    Hi, the webpage example is a product when only one item is in stock. As you can see the Add To Cart button doesn’t line up on the left with the product name, price and ‘In Stock’ text.

    When there is more than one product in stock it displays a quantity control which left aligns correctly.

    Is it possible to get the Add To Cart button to left align when only one item is in stock or display the quantity control when only one item is in stock.

    I know it’s possible to have the buttons stacked but I’d prefer not to have to do that.

    Thanks

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Saif

    (@babylon1999)

    2 years, 11 months ago

    Hello @fatcacky,

    I understand that you would like to move the button to the far left, below the product title, when the quantity selector is removed.

    This issue is more related to the theme, so I recommend contacting the theme author for assistance.

    Alternatively, you can add the following CSS snippet by navigating to Appearances > Customize > Additional CSS.

    .et-db #et-boc .et-l .et_pb_wc_add_to_cart form.cart div.quantity{
  float: left !important;
}

    Hope this helps!

    Thread Starter fatcacky

    (@fatcacky)

    2 years, 11 months ago

    Fantastic. Many thanks. The CSS works a treat. I tried to work it out myself but it was a bit beyond my skill level.

    xue28 (woo-hc)

    (@xue28)

    2 years, 11 months ago

    Hi @fatcacky

    You are most welcome and we’re glad that worked! 🙂

    Meanwhile, if you have a moment to spare, we would love it if you could share your thoughts with us by leaving a review or feedback. Your experience and feedback are important to help us improve and ensure we’re always providing the best possible support.

    Thanks!

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Add To Cart button spacing issue when only one item in stock’ is closed to new replies.