Dawn Theme, product name and price on the same row

[AndreiGhetu]

Hi. I was wondering if someone knows how to put the name of the item and its price on the same row, one near the other.

This is the example:

 And this is how mine looks like:

I have tried to find something that works but no luck so far.

[PageFly-Victor]

Hi @AndreiGhetu ,

Could you please share URL and your store password if it enabled? So that we can help you.
Thank you.

[AndreiGhetu]

https://viellelondon.com

password: 123123123

[PageFly-Victor · Accepted solution]

Hi @AndreiGhetu ,

This is Victor from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/component-card.css->paste below code at the bottom of the file:

.card__information {  
    justify-items: flex-start;
    grid-template-columns: auto auto;
    display: grid;
    margin-left: 10px;
    margin-right: 10px
}

.card__information .card__heading, .card__information .price {
    text-align: right !important;
    margin-top: -5px !important
}

Hope my answer will help you.

Best regards,

Victor | PageFly

[AndreiGhetu]

It worked! Thank you so much! You are a true hero.

[Wibke_Loh]

Hi, 

this works fine, however the price ends up a tad bit lower then the title... any idea why? 

[ALY02SA]

@PageFly-Victor thank you very much for sharing this code - it works fantastic on my dawn theme. Do you happen to know what line of code I need to add to get the same results on mobile. Atm on mobile both the text and price is centred with each word sitting on top of each other. Thank you very much.