How to move product name to left under card and adjust pricing to be on one line

[JGBowie]

The first image is mine the second is how I'm wanting to make it look wanting to shift the product name to the left and have the pricing all list on the one line, also to take out the AUD displayed in the prices that are crossed out, also would like to make the pricing bold so basically as close to possible as the example 🙂

Store - https://eighthandco.com.au/collections/sale

Landon15 

Thank you in advanced!

[JGBowie]

Also would like to make the pricing bold

[Moeed · Accepted solution]

Hey @JGBowie 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.card__information {
    text-align: -webkit-left !important;
    text-align-last: left !important;
}
span.price-item.price-item--sale.price-item--last {
    color: red !important;
    font-weight: bold !important;
}
</style>

RESULT:

If I managed to help then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[JGBowie]

Is there a way to put the last line in the same line to

[JGBowie]

and also make that line bold to

[Dan-From-Ryviu]

I see you added code to move them to the left, please use this code to make the price online. 

.card-information {
display: flex;
}
.card-information .price {
margin-right: 12px;
}

[JGBowie]

Does this get added in the same area as the last code?

[Dan-From-Ryviu]

Please add it to the bottom of the base.css file