Add Price and Compare at Price to "Add To Cart" button - Dawn 14.0.0

[FloridaGlow]

Hey! I'm using Dawn 14.0.0, and want to switch the add to cart quick add button on the collection page and product page to have the "add to cart" on left side and price + compare at price on right side. Also, after doing that, how do I remove the original price tag from sight?

I want to get it from this: 

To this:

 

Thanks!

[EcomGraduates · Accepted solution]

Go to Sections and find the file handling the product or collection page buttons, usually product-grid-item.liquid or product-card.liquid.

exxmaple 

.custom-button-layout {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

Hide the Original Price:

.original-price {
    display: none;
}

[FloridaGlow]

Hey! So how would I do it for this case, putting that code at the end of card-product.liquid didn't do anything. Would you be able to supply the proper code that will make those changes to the add to cart button and instructions on where to put it? 

Thanks so much!

[FloridaGlow]

Is there any way you can help? I don't understand the instructions.

[FloridaGlow]

@EcomGraduates ?