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?