Price Next To "Add to cart"

Support
#1

The layout of the price and add to cart button when using the add to cart shortcode (e.g. [add_to_cart id=“99”]) is all displayed on one line. I am looking to have the regular price, sales price and add to cart button on seperate lines. I am also looking to change the styling via CSS later on.

e.g.
£30
£25
Add to cart

Please could you assist.

Site: https://noble-pro.com/elite-e8-0-treadmill/

#2

Hello Stefan,

Thanks for writing in!

Do you meant that the display would look like this?

Well in that case, please add the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)

.add_to_cart_inline.x-btn > * {
    display: block;
    padding: 5px 0;
}

We would loved to know if this has work for you. Thank you.

1 Like
#3

That is exactly what I was looking for.

Thank you.

#4

On behalf of my colleague, you’re welcome. Cheers! :slight_smile:

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.